Cobalt Grove color palette — #F9F3F7 · #E5D8D6 · #CCBDB3 · #666FA8 · #4F444B

Built around Slate, softened by Stone — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Bone (#E5D8D6): a clean, paper-quiet neutral.
• Stone (#CCBDB3): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#666FA8): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#4F444B): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Washed Mulberry color palette (#FFF1F3, #E5D7CB, #D7B49D, #904D8E, #4B3B3D)
• Pewter Coast color palette (#EFF2F9, #DCD5E0, #C5B8C5, #6F709B, #2A2C32)
• Driftwood Lagoon color palette (#FAF3F5, #E3D9D3, #A7B1A1, #9D7583, #575053)
• Grape Basin color palette (#FFF1F7, #E7CACD, #CF959B, #6341A7, #402C36)
• Violet Coast color palette (#F0E0E5, #8A52B9, #4A2434, #291A1F, #110B0C)
• Hushed Driftwood Meadow color palette (#D8FFF1, #D2B2C0, #AA7E76, #546B4D, #455142)
• Dusty Pine Studio color palette (#FCF4E8, #A5B78A, #33855E, #764D4D, #4A4400)
• Weathered Navy color palette (#E3DBE0, #B8A3A7, #9F726C, #332678, #1D0F17)

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