Understanding color theory helps you choose the right scheme for your project. Here's what each option does and when to use it.
Color Schemes
Monochromatic
Free
A monochromatic scheme uses a single hue and varies only its saturation and lightness. Because every color shares the same base hue, the palette is inherently harmonious — nothing clashes.
Best for
Brand-focused designs where one color should dominate
Minimalist UIs and dashboards
Data visualizations that need ordered intensity (e.g. heatmaps)
Elegant, cohesive marketing pages
Great for beginners — it's almost impossible to create a bad monochromatic palette.
Contrast
Free
Also known as complementary, a contrast scheme pairs colors from opposite sides of the color wheel. The two hues are 180 degrees apart, creating maximum visual tension and energy.
Best for
Call-to-action buttons and attention-grabbing accents
Sports branding and high-energy designs
Error/success state pairs (e.g. red vs green)
Designs that need strong foreground/background separation
Use one color as the dominant and the other sparingly as an accent — equal amounts can feel jarring.
Triade
Pro
A triadic scheme uses three colors evenly spaced around the color wheel (120 degrees apart). This creates a vibrant, balanced palette with strong visual contrast while maintaining color harmony.
Best for
Playful, creative brands and children's products
Infographics and charts that need 3 distinct categories
Illustration and editorial design
Apps that need multiple distinct UI states
Let one color lead and use the other two as supporting accents. Triadic palettes can feel overwhelming if all three colors are at full saturation.
Tetrade
Pro
A tetradic (or double-complementary) scheme uses four colors arranged into two complementary pairs. This gives you the richest possible palette from the color wheel with maximum variety.
Best for
Complex UIs with many distinct sections or states
E-commerce sites with varied product categories
Dashboards and data-heavy applications
Creative portfolios and art-directed editorial layouts
Four colors is a lot — establish a clear hierarchy. One dominant, one secondary, and two accents will keep things balanced.
Analogic
Pro
An analogous scheme uses colors that sit next to each other on the color wheel (typically within a 30-60 degree range). These palettes feel natural and organic because adjacent hues blend smoothly — think of a sunset or autumn leaves.
To avoid a flat look, vary the saturation and lightness significantly across your analogous colors.
Variations
Default
FreeBalanced and versatile
The default variation uses the color scheme library's standard output with balanced saturation and lightness. Colors are vivid and true to the generated harmony.
Best for
General-purpose design work
When you want colors that are vibrant but not extreme
Starting point before fine-tuning with other variations
Pastel
FreeSoft, light, and approachable
Pastel colors are created by adding significant white to pure hues, resulting in high lightness and low-to-medium saturation. They feel gentle, approachable, and youthful.
Best for
Children's products and educational apps
Wedding and event design
Soft, friendly brand identities
Background and card surfaces in light-theme UIs
Soft
FreeMuted, calm, and refined
Soft colors sit between pastel and default — they're desaturated enough to feel calm but retain enough chroma to have clear identity. Think muted earth tones and dusty hues.
Best for
Professional and corporate branding
Long-form reading interfaces (less eye strain)
Interior design and architecture visualization
Sophisticated, understated palettes
Light
ProBright, airy, and energetic
Light variation pushes colors toward higher lightness while maintaining more saturation than pastels. The result is bright, airy colors that still have punch.
Best for
Light-mode UI themes and backgrounds
Spring and summer seasonal campaigns
Highlighting and selection states in interfaces
Designs that need to feel open and spacious
Hard
ProBold, intense, and commanding
Hard variation maximizes saturation and contrast, producing bold, intense colors. These are fully chromatic hues with strong visual weight.
Best for
Bold brand statements and hero sections
Gaming and entertainment interfaces
Street art and poster design aesthetics
High-contrast accessibility modes
Pale
ProWhisper-quiet and minimal
Pale colors have very high lightness with minimal saturation — almost washed out. They provide just a hint of hue, creating extremely subtle differentiation.
Best for
Minimal, whitespace-heavy designs
Subtle background tinting for card layouts
Print design where ink economy matters
Layered UI surfaces that need barely-there distinction