Muted Cobalt Ridge color palette — #F0F5FF · #9CAFDF · #AC9759 · #506CC3 · #5A4C23
Sapphire and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F0F5FF): bright and airy, almost weightless.
- Mauve (#9CAFDF): A luminous, dusty violet — the color of a velvet chair.
- Moss (#AC9759): A luminous, balanced green — the color of fresh herbs.
- Sapphire (#506CC3): A full-bodied, balanced violet — the color of wild irises.
- Deep Olive (#5A4C23): A full-bodied, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged muted.
Use it as a design system
One click turns Muted Cobalt Ridge into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Tempered Study color palette (#F3F4FF, #B6A7D4, #93A063, #805CB8, #2D5649)
- Worn Ridge color palette (#EDF7FE, #87B7D5, #C28B5F, #007CAE, #654051)
- Muted Amber color palette (#ECF2FF, #A8ADEA, #C69141, #676AA9, #243624)
- Worn Market color palette (#FFF0F9, #BEBEF3, #DBA567, #8684C3, #514C46)
- Tempered Studio color palette (#F0F5FF, #8894CC, #B47869, #3E885B, #374259)
- Frosted Grape color palette (#F2F5FF, #947FED, #8B8100, #6515DD, #413C00)
- Washed Chestnut Harbor color palette (#FDF1F6, #A9BFA7, #9C7285, #7D5043, #3B4D3F)
- Hushed Mulberry Lagoon color palette (#F7F3FF, #BF8CB5, #3C9F6D, #9C348D, #1F4D35)
Browse the whole catalog at Explore, or see today's palette.