Cobalt Lagoon color palette — #DBF2F0 · #70A9C7 · #1A7BB4 · #005A6E · #000A18

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

The five colors

• Honeydew (#DBF2F0): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#70A9C7): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#1A7BB4): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005A6E): A full-bodied, dusty blue — the color of deep harbor water.
• Ink (#000A18): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Gentle Cobalt Corridor color palette (#DBF3F2, #7FB8DE, #0088DC, #006985, #00132F)
• Tempered Lagoon color palette (#E3F4F0, #65B0AB, #008589, #005F50, #000C0E)
• Denim Boulevard color palette (#ECDAE2, #569CBE, #11589F, #003B3C, #05002C)
• Ancient Quarry color palette (#E5E8DE, #2F82A8, #004062, #001E26, #000104)
• Feathered Courtyard color palette (#D3F4E8, #738900, #007E96, #4D5C00, #00070B)
• Aged Turquoise Grove color palette (#E2F3EF, #A2E1DF, #00BAC6, #009382, #00353D)
• Powdered Olive color palette (#D8E7C6, #577D00, #007574, #824800, #010200)
• Ancient Periwinkle color palette (#E6FAFA, #BDDDFF, #74ABFF, #008EC9, #182C6E)

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