Cobalt Grove color palette — #F2E4F0 · #4C71C3 · #964F00 · #434800 · #1B071A

Sapphire and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F2E4F0): A whisper-light, dusty pink — the color of neon signs at night.
• Sapphire (#4C71C3): A full-bodied, balanced violet — the color of wild irises.
• Ochre (#964F00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#434800): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#1B071A): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.

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

• Worn Corridor color palette (#F5E4EB, #7C64B3, #7F5F00, #005312, #1F0613)
• Terracotta Workshop color palette (#D9EFE8, #367AB1, #A24222, #4C4400, #00150F)
• Soft Corridor color palette (#FFEBF8, #5460BA, #794100, #1E4000, #000E06)
• Muted Chestnut color palette (#DCF3FF, #007D98, #924B00, #00513E, #122A35)
• Tempered Mulberry color palette (#F7E7CD, #927CBF, #893774, #3C3B00, #230C2D)
• Tempered Byzantium color palette (#F5DDE5, #931DD7, #6E5900, #00482D, #130022)
• Faded Basin color palette (#F4E3EF, #3C41AB, #653600, #222C00, #010012)
• Aged Bronze Lantern color palette (#E5EFFF, #779FF4, #AA5300, #606600, #18273D)

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