Cobalt Lagoon color palette — #FDF2F7 · #9CCDE4 · #5079B2 · #006155 · #37355A
A conversation between Slate and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FDF2F7): bright and airy, almost weightless.
- Sky (#9CCDE4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate (#5079B2): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#006155): A full-bodied, dusty teal — the color of sea glass.
- Navy (#37355A): 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 Lagoon 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
- Aqua Summit color palette (#FFF0FA, #00CDEB, #0075AF, #00583F, #1E2B6A)
- Patina Cerulean color palette (#F1F3E9, #A9D2C1, #4582AC, #00596B, #00223E)
- Antique Cerulean Terrace color palette (#F9F3F9, #B0E7F6, #4F95AC, #446E47, #37495D)
- Stone Boulevard color palette (#EBF7FF, #D8DEFF, #D0A0C3, #3D7C75, #2D435A)
- Timeworn Lagoon color palette (#CBEAFF, #0085B1, #926100, #5D5805, #152E3F)
- Turquoise Lantern color palette (#DAEBE8, #00B2BD, #0076A0, #254B86, #2E3357)
- Washed Cerulean Studio color palette (#EADCE8, #08A2AD, #00516E, #00321A, #001037)
- Misty Sky color palette (#FCF3ED, #C1EBD9, #78B5FD, #00A0A0, #2E3665)
Browse the whole catalog at Explore, or see today's palette.