Color Wheel 101: How to Use It to Pick a Color Scheme
Color Theory2 min read
The color wheel is a circle that arranges hues by their relationship to one another. It is the oldest and most practical tool in color theory: once you know where a color sits on the wheel, every color that works with it is simply a matter of geometry.
How the wheel is organized
The classic 12-step wheel starts with the three primary colors — red, yellow and blue — and mixes outward:
- Primary: red, yellow, blue
- Secondary: orange, green, purple (mixes of primaries)
- Tertiary: red-orange, yellow-orange, yellow-green, blue-green, blue-purple, red-purple
Where a color sits is described by its hue angle (0°–360°), which is the first number in an HSL value. That angle is what the classic schemes below are built from.
Five schemes you can read off the wheel
- Complementary — two colors 180° apart (red and green). Maximum contrast.
- Analogous — three neighbors, e.g. yellow, yellow-orange, orange. Calm and cohesive.
- Triadic — three colors 120° apart (red, yellow, blue). Balanced and playful.
- Split-complementary — a base color plus the two colors next to its complement. Softer than complementary.
- Monochromatic — one hue at many lightness levels. Elegant and foolproof.
From theory to a working palette
Computing 120° or 180° offsets in your head is unnecessary. The color wheel tool generates complementary, analogous, triadic, split-complementary, tetradic and monochromatic harmonies for any base color instantly — each with copy-ready hex values.
Once you have a harmony you like, turn it into a full design palette with the palette generator, or pull a real-world scheme out of a photo with the image palette generator.
Practice idea: pick a color in the color library — say Gold — and check its complementary hue. Then open the color wheel and drag the base color around: the geometry stays the same, but the mood changes completely.
The color wheel is the closest thing design has to a recipe book. Learn the five schemes above and you will never stare at an empty blank canvas wondering which colors go together again.
Tools for this guide
Related posts
What Colors Go Together? 12 Color Combinations That Always Work
Not sure which colors go together? Start with these 12 foolproof combinations — complementary pairs, seasonal palettes and neutral-anchored schemes with hex codes.
How to Build a Color Palette That Actually Works
A good palette needs more than five nice-looking colors. Learn the roles colors play in an interface, how to start from a single base color, and how to lock and export your palette.