“Don’t just rely on colors to do the work,” Luis Gonzalez, senior brand designer at InVision says. For example, certain analogous color palettes may be exclusionary to those with color blindness or color vision deficiency (CVD). When deciding on an analogous color scheme, it’s always important to consider accessibility. Color each individual leaf of the other tree with different colors from the scheme. Auto, Monochromatic, Analogous, Complementary, Split Complementary, Triadic, Tetradic, Square. Color the leaves in one tree all one color. Designers often use a monochrome palette when they want to create a simple, clean aesthetic-perhaps because a page is information-heavy and more colors would make it look busy. Generate perfect color combinations for your designs. Here is a visual demonstration of some analogous color schemes. However, a monochromatic scheme relies on a base color with different shades, tones, and tints to create a visually cohesive look. Another option for this third color is an accent color that stands out in the color scheme. Monochromatic colorsĪnalogous color schemes create a slightly monochromatic look since they use colors similar to one another. For another case study in analogous colors, take a look at Claude Monet’s The Water-Lily Pond painting. Known for having a knack for color, a cool analogous color scheme can also be picked up on in his oil painting, The Olive Trees. Not only can you spot analogous color schemes in nature, but also in the work of famous artists who turn to serene outdoor settings as muses.įor example, Vincent Van Gogh used a cool analogous color scheme of green, blue-green, blue and blue-purple in his “Irises in a Vase” painting. Want to see how an analogous color palette looks like in a test UI? Try Muzli’s Colors tool.

The Velocity UI kit in an analogous color palette Analogous colors are groups of three colors that are next to each other on the color wheel (roughly a 30 degree separation). red, yellow, or blue) and use the secondary and tertiary colors as accents. One way to pick out an analogous scheme is to start with a primary color (i.e. It’s like taking a small, three to five hue-slice out of the color wheel. And, there you have it: An analogous color scheme. Picking any color at any point of the wheel and note its direct next-door neighbors, to either the right or left. Because they’re especially pleasing on the eye (and easy to come up with), designers often draw inspiration from these color schemes for product designs. Study succulents, noting their excellent use of blue, blue-green, and green hues.Įver wonder why these color groupings seem so harmonious? Well, these sights are all natural occurrences of analogous color schemes, or a scheme with colors next to each other on the color wheel. Or watch a peacock strutting at the zoo with its vibrant blue-green feathers. Analogous colors are a group of three colors next to each other on a color wheel, such as violet, red-violet, and red. The next time you’re outside, play a game of eye-spy: Notice how a sunrise paints the sky shades of red, red-orange, and orange.

3 analogous colors