Cobalt Lagoon color palette — #F9E9F3 · #79D3EE · #008ED5 · #006D63 · #1D2D4D

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

The five colors

• Blush (#F9E9F3): A whisper-light, dusty pink — the color of neon signs at night.
• Sky (#79D3EE): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#008ED5): A luminous, balanced blue — the color of deep harbor water.
• Teal (#006D63): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#1D2D4D): A deep, shadowed, dusty violet — the color of wild irises.

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

• Worn Study color palette (#FBF2F6, #B1DBF7, #5899DD, #1A7B79, #30385B)
• Weathered Azure color palette (#FAF4EB, #BCEAE7, #009DDA, #006A6A, #001F3C)
• Airy Sapphire color palette (#FBE9EF, #7FB8E3, #3F6FD1, #00585F, #1D1547)
• Powder Garden color palette (#FBF2F7, #D8D4E5, #91B6D8, #5F8F9A, #465369)
• Tempered Turquoise Ridge color palette (#F5E4F0, #26B6C2, #007190, #004C38, #001529)
• Hazy Sky Loft color palette (#CCF9DC, #7DE6E7, #71BCFF, #637E46, #003B42)
• Ultramarine Corridor color palette (#FFE8F2, #519BC7, #1053B0, #003B3E, #070226)
• Hazy Clover color palette (#EDF0E3, #42BE03, #008C5C, #005F4D, #003534)

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