Cobalt Lagoon color palette — #F5EAE6 · #6AC0CE · #007DB3 · #005C3C · #0A1A4A
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Cream (#F5EAE6): a clean, paper-quiet neutral.
- Cyan (#6AC0CE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#007DB3): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005C3C): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#0A1A4A): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Sapphire Harbor color palette (#E8DFD7, #87B8D8, #446CD7, #005956, #22163E)
- Wandering Cobalt color palette (#FCF1FA, #93D9E5, #0085B2, #005342, #000D20)
- Dusty Denim Corridor color palette (#E5EFE7, #5DACB9, #00617A, #003F38, #002236)
- Weathered Boulevard color palette (#F0F1E2, #84CED9, #00A3C0, #007D7C, #00232F)
- Hazy Cornflower Drift color palette (#FFF3E7, #96D3FD, #5B81FF, #007270, #3B1F67)
- Wandering Sky Station color palette (#FBF3F1, #BFE3E7, #71BED6, #70906F, #35514A)
- Softworn Canyon color palette (#FFF2EC, #A7E7F8, #18A3FA, #008666, #343D64)
- Softworn Raspberry Courtyard color palette (#FFDADE, #B530AD, #007B60, #005D62, #230121)
Browse the whole catalog at Explore, or see today's palette.