Cobalt Lagoon color palette — #F6E9E4 · #6FC0CA · #007EAF · #005D38 · #071B49

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F6E9E4): bright and airy, almost weightless.
• Cyan (#6FC0CA): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#007EAF): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005D38): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#071B49): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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

• Cobalt Courtyard color palette (#FCF2FA, #83DCE8, #0084B9, #005434, #01082B)
• Ultramarine Dune color palette (#F9E7DA, #60ADCF, #1A62C2, #004B42, #14063A)
• Washed Cobalt Basin color palette (#F9ECE4, #A3D0B9, #5289C7, #006E5C, #282852)
• Antique Denim color palette (#D5E2D7, #63ACB6, #006179, #003F37, #002235)
• Tempered Jade color palette (#CBE7D6, #00B18D, #007858, #003C28, #000B04)
• Olive Courtyard color palette (#C9EDC4, #77D2CB, #73A5E4, #777200, #002B21)
• Wandering Driftwood Market color palette (#FCF3F1, #C0E3E7, #93BCA6, #6D916D, #34514A)
• Tempered Azure Atelier color palette (#FFF2EC, #9DE9F8, #16A5F0, #00865F, #2C3C6F)

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