Cobalt Lagoon color palette — #F7EFF3 · #A4CEE8 · #4A7EBC · #005D4F · #1D1B3D

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

The five colors

• Ivory (#F7EFF3): bright and airy, almost weightless.
• Sky (#A4CEE8): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#4A7EBC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005D4F): A full-bodied, dusty teal — the color of glacier melt.
• Deep Indigo (#1D1B3D): A deep, shadowed, dusty violet — the color of wild irises.

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

• Tempered Cobalt color palette (#EFF8F1, #A8CAE0, #337FB2, #005F65, #243B5B)
• Washed Lagoon color palette (#F0E5F0, #8BBCCA, #007794, #004F19, #001630)
• Antique Courtyard color palette (#DBEAF6, #0086B8, #9F5B00, #685500, #001625)
• Antique Mallow color palette (#E5F5FF, #C4D5FF, #D39ED4, #357F70, #112235)
• Softworn Periwinkle color palette (#FAF4EC, #BFE4F5, #65AEE3, #007E85, #3D243D)
• Airy Teal color palette (#CFF8EC, #00AEB3, #007397, #004670, #151A46)
• Worn Bronze color palette (#DAECFA, #459BC9, #B66135, #005C82, #331000)
• Aged Grove color palette (#E7F4FF, #6CB1EB, #1C70AC, #00375D, #000E1B)

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