Cerulean Coast color palette — #FCF3EF · #C7E5CE · #3C93C4 · #347053 · #573E54

A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Celadon Mist (#C7E5CE): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#3C93C4): A luminous, balanced blue — the color of deep harbor water.
• Pine (#347053): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#573E54): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

One click turns Cerulean Coast 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

• Cerulean Study color palette (#FCF3F0, #C9E6C6, #009AB9, #3E703D, #235147)
• Antique Lantern color palette (#FAF4EE, #CBE6E9, #8697CA, #3E7A79, #614B55)
• Pale Cerulean color palette (#FFF2ED, #9BDBE1, #008ABB, #006B3D, #243F6D)
• Weathered Lagoon color palette (#F1E3DF, #319090, #004356, #002507, #000919)
• Frosted Study color palette (#F4F7E8, #79AF7A, #CC69A6, #167224, #5A344A)
• Teal Canyon color palette (#FBF2F9, #D1E2FB, #90C6E2, #65A794, #324A64)
• Hushed Grove color palette (#F5ECE8, #7DBCCD, #006DAC, #00523D, #232B4F)
• Hushed Parlor color palette (#F6ECE5, #5A9AAE, #004C82, #003126, #0D063E)

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