Cobalt Grove color palette — #FDF1F8 · #99D9F0 · #3B83C9 · #006856 · #36386F

Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Powder Blue (#99D9F0): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#3B83C9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006856): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#36386F): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, 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

• Dusty Summit color palette (#FAF2FB, #A4D8E4, #008EAA, #276921, #08436D)
• Cobalt Villa color palette (#FFF0F8, #6AC4EB, #2E6DC0, #00574C, #30256A)
• Cobalt Study color palette (#F9F1E5, #AEDCC4, #008CC9, #006264, #00254B)
• Cypress Ridge color palette (#FBF2F6, #D9DEEF, #859ABD, #3F7A77, #4D516A)
• Hushed Teal color palette (#C2EBDD, #00BAB9, #0085A0, #00548D, #22387B)
• Hushed Mallow color palette (#EAF7FF, #DFD6F3, #D799D6, #0E7D62, #294461)
• Azure Boulevard color palette (#D8EFFF, #2A9CDA, #994400, #664700, #00344F)
• Frosted Sky color palette (#EDF6FF, #29B4F5, #00709F, #004565, #002C46)

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