Cobalt Lagoon color palette — #FCF3ED · #A4D1B9 · #457CB3 · #006150 · #33365C

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

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Pistachio (#A4D1B9): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#457CB3): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006150): A full-bodied, balanced teal — the color of sea glass.
• Navy (#33365C): 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

• Muted Delta color palette (#FFF2ED, #64C9D8, #0076A8, #005939, #132B70)
• Tempered Cobalt Lagoon color palette (#EDF4EE, #AECCDF, #2284B9, #005B5D, #042140)
• Wandering Azure color palette (#FBF4EA, #C0DCCD, #4D9ED0, #007B7F, #1A3C61)
• Iris Cabin color palette (#FAF4EE, #C5E4DA, #7687C0, #007171, #603A4B)
• Wandering Spruce Quarry color palette (#ECDEDA, #4E9E9E, #005268, #00330E, #00142D)
• Mustard Courtyard color palette (#FFF1F1, #FDC4BA, #C9AC69, #66608F, #5A3B39)
• Muted Sky Dune color palette (#FDF1F8, #BDE7FF, #72B6FF, #00A388, #2D3959)
• Ancient Denim Corridor color palette (#EFE1D7, #77A6BF, #2151AB, #003E39, #201542)

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