Cobalt Grove color palette — #F3F8E8 · #9BD6FF · #0084D8 · #00627E · #254164

Built around Azure, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#F3F8E8): A whisper-light, dusty green — the color of a quiet forest floor.
• Powder Blue (#9BD6FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Azure (#0084D8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00627E): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#254164): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, 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

• Worn Cerulean Drift color palette (#F5F7E7, #8BDEE9, #008EA6, #006665, #00475A)
• Worn Sapphire Station color palette (#F1F9E3, #6FBFFF, #006EC9, #00516E, #153161)
• Timeworn Bloom color palette (#EEF8F0, #B6E1FF, #659FE1, #008093, #2D3D6B)
• Tempered Cerulean color palette (#E9EDDD, #3B9AC8, #004E78, #002E3A, #00142A)
• Hushed Atelier color palette (#F5F6EE, #C4EADF, #69A5AA, #437A70, #3A5141)
• Pale Villa color palette (#FDF3EA, #CAE9FF, #95B4FF, #00A6A0, #462F74)
• Pale Garden color palette (#D6F7C5, #4A9500, #008289, #865300, #213714)
• Weathered Celadon color palette (#F6F9D2, #ADFDC3, #6BC7A7, #607335, #40423B)

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