Cobalt Grove color palette — #E9F6EC · #98CEF8 · #4E7DBE · #00596A · #121F3B
Cerulean and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E9F6EC): a clean, paper-quiet neutral.
- Sky (#98CEF8): A whisper-light, balanced blue — the color of open sky before noon.
- Cerulean (#4E7DBE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00596A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Midnight (#121F3B): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Cerulean Boulevard color palette (#EBF5ED, #8FD6D5, #008C9C, #005E47, #002435)
- Hushed Cobalt color palette (#FBF4ED, #ABCEC2, #5777B5, #005E66, #37355A)
- Cerulean Cabin color palette (#E0EFE3, #009AB4, #00516C, #002C2A, #00050C)
- Softworn Navy Canyon color palette (#D5E6D8, #3F7DB4, #103383, #001E28, #01000B)
- Hushed Ash color palette (#EDF4EE, #D6DCEF, #7F9FC4, #3B7580, #2D3646)
- Crimson Orchard color palette (#F8E1FA, #CC445E, #4E7E1F, #1E5C9E, #1D0C1F)
- Worn Blush color palette (#F5E1FA, #DC6383, #008F85, #8C2E4A, #00221F)
- Washed Marigold Meadow color palette (#FEEBFF, #F0D9BE, #D3A263, #8C5570, #331E30)
Browse the whole catalog at Explore, or see today's palette.