The primary color is what users learn to associate with you. In a brand color palette, it appears on hero CTAs, primary buttons, links, and key brand chrome. It should pass WCAG AA on at least one body-copy surface (usually white or your light shade). Avoid using it for too many UI roles at once — pair it with one neutral and one accent to keep hierarchy clear.
Color glossary
Primary Color
The signature hue that identifies a brand and drives main CTAs and navigation surfaces.
Try the generator
🎨 Make a palette →Related
Secondary Color
A supporting hue that complements the primary, used for less critical UI like tags, secondary buttons, and chart series.
Accent Color
A high-saturation contrast color used sparingly to emphasize one or two elements per screen.
WCAG Contrast Ratio
The luminance ratio between two colors, used by the Web Content Accessibility Guidelines to measure legibility.
Monochrome Palette
A palette built from a single hue, varying only saturation and lightness.
Analogous Palette
Three colors adjacent on the color wheel, typically within 30 degrees of each other.
Complementary Palette
Two hues directly opposite on the color wheel — for example blue and orange, red and green.