Cobalt Grove color palette — #FCF2F8 · #C27B68 · #5F7EBC · #834E50 · #463842

Slate and Caramel set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Caramel (#C27B68): A luminous, balanced orange — the color of sun-warmed clay.
• Slate (#5F7EBC): A full-bodied, balanced violet — the color of wild irises.
• Coffee (#834E50): A full-bodied, dusty red — the color of embers at dusk.
• Charcoal (#463842): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Softworn Cerulean color palette (#FFF1F5, #B48555, #2B8DA0, #774F76, #47383E)
• Patina Cobalt Courtyard color palette (#F6F3FF, #B578AD, #3587B8, #765171, #3F3B48)
• Softworn Cobalt color palette (#E9F9F8, #61A175, #637EB7, #874B4D, #2A4241)
• Wandering Amber color palette (#F8F1E3, #AC9320, #6187AB, #68547C, #292211)
• Mustard Parlor color palette (#EBF9F0, #C3AA3A, #73A0C9, #876F99, #324138)
• Patina Balcony color palette (#F1F7F2, #D6BC92, #008F8F, #8D6514, #1F3136)
• Powder Corridor color palette (#FEF3E8, #E4BA8B, #8BBCE5, #B389B2, #573400)
• Worn Driftwood color palette (#F0F7F4, #D3DCE0, #AFAAB5, #80875A, #4D5452)

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