Cobalt Lagoon color palette — #DCEDFF · #0080E0 · #905900 · #003D6F · #020100
Azure takes the lead with Ochre close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#DCEDFF): A whisper-light, dusty blue — the color of deep harbor water.
- Azure (#0080E0): A full-bodied, vivid blue — the color of deep harbor water.
- Ochre (#905900): A full-bodied, balanced gold — the color of old brass.
- Navy (#003D6F): A deep, shadowed, balanced blue — the color of deep harbor water.
- Black (#020100): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Balance. Tagged cool.
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
- Powdered Lantern color palette (#D7E7FF, #2D72FE, #7B6500, #00299D, #020100)
- Washed Pier color palette (#CCEFF6, #008EA0, #8A5D00, #00444E, #020100)
- Brick Coast color palette (#D5E3EC, #008BB0, #C10C02, #004356, #040000)
- Hushed Denim Market color palette (#D2E5F9, #005DA2, #634200, #002B4F, #050200)
- Antique Terrace color palette (#D8F6EE, #4BA5FA, #B36F02, #00528F, #1A0C00)
- Tempered Market color palette (#D6DEF8, #6855C5, #625400, #2E0077, #020100)
- Aubergine Cabin color palette (#E5D9F7, #965BD4, #6A6C00, #520087, #010100)
- Hushed Blush Loft color palette (#EEF6FF, #C7C5FF, #F079AD, #006163, #000110)
Browse the whole catalog at Explore, or see today's palette.