Cobalt Ridge color palette — #F0F6FF · #9CB0D9 · #B49361 · #486EC4 · #3B553D

Royal Blue takes the lead with Caramel close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F0F6FF): a clean, paper-quiet neutral.
• Mauve (#9CB0D9): A luminous, dusty violet — the color of twilight just after sunset.
• Caramel (#B49361): A luminous, dusty gold — the color of afternoon light on wheat.
• Royal Blue (#486EC4): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Olive (#3B553D): A full-bodied, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns 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

• Worn Amber color palette (#F8EEF7, #92B4EE, #C5923B, #4C71B1, #35302A)
• Softworn Field color palette (#EFF6FF, #A9C5F5, #D9A761, #6D8DC3, #3E543E)
• Weathered Garden color palette (#F5F4FF, #C0A4CB, #91A163, #9354A9, #2B574A)
• Wandering Petrol Summit color palette (#EAF7FF, #7BBBD0, #C28B60, #007F9C, #654051)
• Worn Driftwood Meadow color palette (#FFF0F8, #A9BFA9, #A07560, #6E5271, #394D43)
• Muted Bronze color palette (#F4F4FF, #A58CB8, #B67860, #986E00, #404056)
• Antique Bloom color palette (#F2F5FF, #9084E4, #937E00, #6300E7, #453A00)
• Cerulean Lantern color palette (#EFF6FF, #DFD9E2, #E6B9CC, #56959C, #464F64)

Browse the whole catalog at Explore, or see today's palette.