Cobalt Lagoon color palette — #F8EFF5 · #92DDEE · #008AD1 · #006549 · #161F4F

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

The five colors

• Ivory (#F8EFF5): a clean, paper-quiet neutral.
• Ice Blue (#92DDEE): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#008AD1): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006549): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#161F4F): A deep, shadowed, balanced violet — the color of wild irises.

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

• Hushed Coast color palette (#FBEEF2, #A7D6FB, #5A75F2, #006262, #2C1849)
• Soft Cobalt color palette (#FCEDF5, #67CBE8, #0075C3, #005342, #120D48)
• Quiet Pier color palette (#EDF9EF, #88DDF2, #008BB9, #006763, #184365)
• Azure Parlor color palette (#FFF2EB, #9AE9FD, #4BA3E5, #008665, #313B6D)
• Wandering Cerulean Quarry color palette (#F6E7F2, #2D99AC, #004E76, #002D1D, #01001E)
• Ancient Ultramarine color palette (#E8F0E7, #6FA1CF, #403DC8, #00393B, #120024)
• Timeworn Magenta color palette (#FFD6F6, #CB3CB9, #008879, #006979, #2A0725)
• Weathered Navy Harbor color palette (#F7E5EB, #517DA1, #252791, #001F20, #020007)

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