Cobalt Lagoon color palette — #DBEFEE · #87B6DD · #3685D9 · #00678B · #000E3B

A conversation between Azure and Peacock, giving this palette its sense of trust and stability.

The five colors

• Frost (#DBEFEE): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#87B6DD): A luminous, dusty blue — the color of deep harbor water.
• Azure (#3685D9): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00678B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#000E3B): A deep, shadowed, balanced violet — the color of a velvet chair.

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 Alley color palette (#D5E7E4, #6DBED2, #0091B6, #006C73, #001622)
• Worn Lilac color palette (#CDE2FF, #ADB8FA, #A78DFD, #0077C3, #060E38)
• Cobalt Basin color palette (#D0E4ED, #008ECB, #0074B2, #004F91, #001437)
• Ultramarine Lagoon color palette (#E9DCE0, #7EA6C9, #375BC9, #004951, #160040)
• Misty Periwinkle Ridge color palette (#E4F2F1, #B4D8F7, #58AAF6, #008BB2, #052C5D)
• Timeworn Emerald color palette (#DDEFFF, #0095E2, #009A33, #0068A0, #001502)
• Byzantium Study color palette (#DEEDF7, #0086C3, #9737E3, #007861, #000812)
• Feathered Ultramarine color palette (#F9ECDE, #83BDED, #254EF0, #003D44, #030011)

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