Cobalt Lagoon color palette — #D3E4D6 · #42C0E9 · #008CCB · #006C70 · #00132E

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

The five colors

• Celadon Mist (#D3E4D6): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#42C0E9): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#008CCB): A luminous, balanced blue — the color of open sky before noon.
• Teal (#006C70): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#00132E): 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

• Cerulean Drift color palette (#DCEEE0, #60C3BF, #0094A2, #007052, #00171F)
• Muted Cornflower color palette (#DEECE0, #7EC9FE, #4B92EF, #007A90, #121A44)
• Misty Hollow color palette (#F5E7EE, #43B0D2, #0068B6, #004B3D, #0F053F)
• Wandering Quarry color palette (#FCEADF, #77C3DE, #006CAB, #003E3A, #000016)
• Tempered Sky Garden color palette (#E8F1EA, #85E2FE, #21B1F0, #009190, #12304B)
• Dusty Ridge color palette (#E0E2D8, #5793AA, #00506E, #002B31, #00050B)
• Timeworn Plum color palette (#E8ECCF, #7C8600, #007EB0, #B21E6C, #070800)
• Aqua Harbor color palette (#EFF8F0, #BCEDFF, #6ECEDB, #6BA68F, #2E4C5C)

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