Cerulean Lagoon color palette — #F8F0EB · #C7E4D6 · #5C92C7 · #006D69 · #20294C

A conversation between Slate Blue and Teal, giving this palette its sense of trust and stability.

The five colors

• Cream (#F8F0EB): bright and airy, almost weightless.
• Celadon Mist (#C7E4D6): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#5C92C7): A luminous, balanced blue — the color of deep harbor water.
• Teal (#006D69): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#20294C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Weathered Forest Loft color palette (#F8F0EC, #CDE3D0, #4E99B1, #00704E, #00352A)
• Washed Cobalt Terrace color palette (#F9F0E8, #A9D1C5, #5F7AB8, #005A64, #201842)
• Antique Veranda color palette (#F1E5DE, #6BA9A9, #006376, #003C24, #000C17)
• Aged Periwinkle Corridor color palette (#FBF2F7, #D3DEF9, #6EAAE4, #1F8C87, #3B485F)
• Antique Navy Terrace color palette (#F6EBE2, #6190B0, #124495, #002B2E, #04001A)
• Wandering Cobalt Thicket color palette (#FFECF4, #EAD0C8, #F1B2B5, #5D82BE, #452C33)
• Wandering Canyon color palette (#E6DCD7, #5D8369, #00415B, #002019, #000105)
• Misty Canyon color palette (#FFECF2, #9E7EB7, #947D2F, #467B22, #32121E)

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