Cobalt Lagoon color palette — #F4EDE1 · #33C2E5 · #008EC3 · #006D6C · #00152A

A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.

The five colors

• Cream (#F4EDE1): bright and airy, almost weightless.
• Cyan (#33C2E5): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#008EC3): A luminous, balanced blue — the color of open sky before noon.
• Teal (#006D6C): A full-bodied, balanced teal — the color of sea glass.
• Ink (#00152A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, 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

• Azure Pier color palette (#EDE6DC, #8DC8ED, #5196DD, #007B8B, #0F1D40)
• Timeworn Summit color palette (#F2E9DC, #34B5B2, #008391, #006046, #000B11)
• Lilac Study color palette (#DDF3E9, #88BBFF, #A390FF, #008A95, #001628)
• Gentle Petrol color palette (#EEDFD6, #41B2CD, #006BAB, #004C39, #0B0C37)
• Chalky Rust color palette (#D0E8DB, #009CC2, #CF5300, #006D88, #200700)
• Aged Petrol Cabin color palette (#F9E8F3, #79C3D9, #006EA4, #003F37, #000111)
• Hushed Azure color palette (#CAE8FB, #00A6E3, #0079B0, #004C6B, #000409)
• Powdered Harbor color palette (#F6EDE0, #9EDFEF, #00B4EA, #00918B, #02314F)

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