Apply Color Scheme:





Split Complements

Primary Color Chooser

Color Scheme


Choose a primary color from the wheel dial. required

Set Saturation and Brightness from the square within the color wheel. optional

Choose a matching scheme. optional

Available Color Schemes


Colors that are opposite each other on the color wheel are considered to be complementary colors (example: red and green). The high contrast of complementary colors creates a vibrant look especially when used at full saturation. his color scheme must be managed well so it is not jarring. Complementary color schemes are tricky to use in large doses, but work well when you want something to stand out. Complementary colors are really bad for text.


A triadic color scheme uses colors that are evenly spaced around the color wheel. Triadic color harmonies tend to be quite vibrant, even if you use pale or unsaturated versions of your hues. To use a triadic harmony successfully, the colors should be carefully balanced - let one color dominate and use the two others for accent.


The rectangle or tetradic color scheme uses four colors arranged into two complementary pairs. This rich color scheme offers plenty of possibilities for variation. The tetradic color scheme works best if you let one color be dominant. You should also pay attention to the balance between warm and cool colors in your design.


Analogous color schemes use colors that are next to each other on the color wheel. They usually match well and create serene and comfortable designs. Analogous color schemes are often found in nature and are harmonious and pleasing to the eye. Make sure you have enough contrast when choosing an analogous color scheme. Choose one color to dominate, a second to support. The third color is used (along with black, white or gray) as an accent.

Split Complementary

The split-complementary color scheme is a variation of the complementary color scheme. In addition to the base color, it uses the two colors adjacent to its complement. This color scheme has the same strong visual contrast as the complementary color scheme, but has less tension. The split-complimentary color scheme is often a good choice for beginners, because it is difficult to mess up.


This color scheme chooser offers complementary colors selection, based on a single predefined color. To use the tool, follow these steps:
  • Choose a Primary color from the Color picker at the top of the page.
  • Based on this selection, a color selection will be loaded, with the default color scheme. A color scheme is a set of two or more matching colors. The logic behind the matching mechanism is determined by the scheme.
  • Below the color picker is a set of many color-matching schemes. You can choose any one besides the default "Triad" scheme. All subsequent color combinations will be based on the selected color scheme.