Cerulean Lagoon color palette — #FDF3EC · #B8E9D3 · #658DBB · #1F6F6E · #583E51

Slate Blue takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Mint (#B8E9D3): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#658DBB): A luminous, balanced blue — the color of deep harbor water.
• Teal (#1F6F6E): A full-bodied, dusty teal — the color of shallow lagoons.
• Cocoa (#583E51): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: 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

• Ancient Cerulean color palette (#FDF3EE, #C5E6CA, #5094AE, #2F7058, #255146)
• Aged Orchard color palette (#F7F0EB, #C5E5D6, #728FBA, #046D62, #3E2132)
• Sunlit Cobalt color palette (#FEF3EB, #82DCFF, #2684CE, #006762, #303D65)
• Hushed Lagoon Balcony color palette (#FBF3F6, #D4DEF8, #8CA6CF, #2A8C80, #3E4665)
• Frosted Pier color palette (#FFF3E8, #CB6C00, #0E86B2, #456B98, #3D3732)
• Sunlit Tangerine Thicket color palette (#FFF2EA, #E5824A, #488ED1, #965028, #274562)
• Weathered Cerulean Atelier color palette (#FEE9DF, #0090A7, #00415F, #00231D, #00081F)
• Teal Station color palette (#FCEBE3, #42B1B5, #006177, #00402A, #002238)

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