Cerulean Lagoon color palette — #FBF3EE · #C0E7D2 · #678EB7 · #2C705F · #583E50

Slate Blue and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Celadon Mist (#C0E7D2): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#678EB7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#2C705F): A full-bodied, dusty teal — the color of sea glass.
• Cocoa (#583E50): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Timeworn Cerulean color palette (#FEF2EF, #C7E7C3, #5095A9, #4A6C48, #255147)
• Aged Thicket color palette (#FBF4ED, #97CCF1, #5D75B6, #00605D, #4F2F3F)
• Cypress Pier color palette (#EBF4F3, #C7E1F0, #5F95B1, #0E6A77, #152E42)
• Hushed Dune color palette (#FFF0FA, #E8D6DE, #EEB4AC, #568371, #55424A)
• Quiet Iris Thicket color palette (#FFF0F9, #7C7AE0, #688737, #5D7140, #46303E)
• Indigo Studio color palette (#D4EDFF, #76B6FF, #6E74C8, #684A81, #693F45)
• Cerulean Harbor color palette (#F0DDD5, #01919F, #00425E, #002413, #00022C)
• Spruce Lagoon color palette (#FFEAE4, #5DAFAA, #006276, #064106, #00213B)

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