Cerulean Lagoon color palette — #FDF3EE · #AECFB0 · #0586A1 · #006341 · #164437

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

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Pistachio (#AECFB0): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#0586A1): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006341): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#164437): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cerulean 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 Thicket color palette (#FDF3EE, #98CFDD, #2781AF, #006153, #263B5A)
• Timeworn Station color palette (#FBF3EE, #BDE8CE, #4C92C0, #277065, #573D56)
• Worn Orchard color palette (#E2FEE6, #AEE2FF, #AAB2EA, #40745F, #2A4636)
• Pale Chapel color palette (#C8EAD5, #00B7A0, #007C7C, #005261, #1D3357)
• Tempered Canyon color palette (#FCF3EF, #C6EFE2, #63A5B3, #667733, #355147)
• Hushed Lagoon color palette (#F9E4DA, #2E9097, #004356, #002317, #000A17)
• Tempered Pier color palette (#ECDAD2, #2FB1C2, #00607F, #003F31, #00203F)
• Tempered Rust color palette (#E2F4E4, #00A1A8, #C04E50, #006368, #532525)

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