Cobalt Grove color palette — #FFF0F9 · #F3D4C5 · #716FA6 · #4B2D3F · #170B12

A conversation between Slate and Charcoal, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Bone (#F3D4C5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Slate (#716FA6): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#4B2D3F): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#170B12): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Creativity, Sophistication. Tagged luxury, dark, 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

• Driftwood Study color palette (#FFF1F3, #E3DAD1, #9B7999, #573F42, #22181A)
• Washed Plum color palette (#FFF1F0, #FFCCAE, #A14674, #4B1A33, #150202)
• Sand Thicket color palette (#FFF0FA, #EED297, #8A90C3, #5B5F88, #2A1D26)
• Softworn Celadon Garden color palette (#E7FBF3, #B1FBB9, #347EA8, #174134, #07120E)
• Ancient Lilac color palette (#FFF0F8, #AFA4FF, #CD8892, #327F88, #301E28)
• Onyx Chapel color palette (#ECF2FF, #98BFA0, #4C5080, #20204E, #080C18)
• Weathered Mallow color palette (#FFF2EA, #FFACE8, #C27990, #7D5C33, #432A2A)
• Washed Courtyard color palette (#FFEFFF, #FFCAF1, #D38BB3, #945069, #5D0F2A)

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