Scheme Studio
Generate complete five-role color schemes — primary, secondary, accent, background, text — and see them applied to a real layout instantly. Click a swatch to lock it.
Ship your next idea faster
Everything you need to launch, in one place. No fuss, just momentum.
Get started Learn moreChoosing colors that carry meaning
A good scheme is a system, not a mood board. Roles give every color a job — and when each color has a job, layouts stop fighting themselves and start feeling inevitable.
“Color is a language. A scheme is its grammar.”
Read moreBest text pairings from this scheme — ranked by WCAG contrast, top 4 shown.
| Role | Hex | RGB | HSL |
|---|
This scheme as a software theme — the six ANSI hues keep their meaning (red is still an error) but borrow the scheme's character, and the primary & accent take over their nearest slots. Install guides →
Role
System
Recent generations
click one to bring it backFeatured schemes
Curated five-role schemes, tagged by color, mood, and industry. Browse all →