Cobalt Lagoon color palette — #FAEEF4 · #97D1E9 · #447EC1 · #005D4E · #161E3B

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

The five colors

• Blush (#FAEEF4): bright and airy, almost weightless.
• Sky (#97D1E9): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#447EC1): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005D4E): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#161E3B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Cobalt Pier color palette (#FFEBFA, #3DD0E7, #007AB1, #005438, #061149)
• Hushed Drift color palette (#EEF4ED, #C2E0FD, #7D8AC1, #196B6D, #282945)
• Timeworn Cerulean Archive color palette (#ECF8F7, #A3CBE4, #3F80A3, #005E6C, #113E5C)
• Washed Ridge color palette (#EEE2EC, #339B9D, #005168, #002E0F, #00040F)
• Ancient Denim color palette (#F4DEE7, #51A6D6, #3152A3, #003A37, #0F0029)
• Navy Drift color palette (#F8E5EE, #2E82A7, #003583, #00201C, #010009)
• Aged Clover color palette (#EAEFD0, #4CB355, #007751, #004E4A, #00272C)
• Aged Teal color palette (#C3FFF0, #00C2BD, #007C6B, #003C37, #00100D)

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