Color Wheel
A circular diagram of hues organized by their relationships, used by designers to reason about which colors pair, clash, or complement based on their position on the circle.
The color wheel is not one thing. It is a family of circular hue diagrams, each optimized for a different use case. The painter's wheel (RYB) organizes hue around red, yellow, and blue primaries. The additive wheel (RGB) organizes around red, green, and blue for light-based work. The HSL and HSB wheels organize around perceived hue and are the default in most design tools. Modern perceptual wheels (OKLCH, HSLuv) organize hue by perceived uniformity across brightness. For working designers, the wheel's value is relational. Colors opposite each other are complementary (high tension, used sparingly). Colors adjacent are analogous (calm, family-like). Three evenly spaced colors are triadic (high energy). One color plus the two adjacent to its complement is split-complementary (balanced). These relationships are the vocabulary for proposing and evaluating palettes. The wheel becomes less useful the moment you need to reason about contrast, accessibility, or systematic token roles. It has nothing to say about perception, value, or WCAG ratios. That is fine. The wheel's job is hue relationships. Contrast, accessibility, and roles live in other layers of the color stack. When picking colors for a real palette, use the wheel to spot which proposed combinations are already harmonized, then move down the stack to evaluate perception, contrast, and palette construction.
Learn more in our full guide: Read the article
Related Terms
Color Harmony
The pleasing arrangement of colors based on their relationships on the color wheel. Complementary, analogous, triadic, and split-complementary are the most common harmony types.
Color Palette
The defined set of colors a brand uses across all materials, typically including primary, secondary, accent, and neutral colors.
Color Tokens
Named color variables tied to roles in a design system rather than raw hex values, so the same role can resolve to different colors in different themes.