Cerulean Coast color palette — #ECF7FF · #99CCEA · #D2A881 · #4396C2 · #64414F

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

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Sky (#99CCEA): A luminous, dusty blue — the color of open sky before noon.
• Camel (#D2A881): A luminous, dusty gold — the color of old brass.
• Cerulean (#4396C2): A luminous, balanced blue — the color of deep harbor water.
• Cocoa (#64414F): A full-bodied, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Washed Lagoon Basin color palette (#E8F8FD, #89D4D3, #DE9CA8, #2A9F9F, #59455D)
• Patina Cerulean Basin color palette (#EFF6FF, #AAC5F6, #D0A97D, #6E8CC5, #3D543B)
• Tempered Cabin color palette (#EDF7FF, #AADCFF, #FEB577, #70B0DB, #60434F)
• Timeworn Cobalt Atelier color palette (#E9FAF3, #83B7DA, #C48963, #007AB3, #69432A)
• Dusty Delta color palette (#ECF7FF, #DDDAE4, #C9ACA6, #82ACB7, #444E5D)
• Aged Sky color palette (#ECF7FF, #6EBCE6, #C39E5F, #8E905F, #2F4555)
• Muted Pewter color palette (#EBFAF0, #AFD4C8, #84A590, #8E6878, #364D4B)
• Softworn Studio color palette (#F1F5FD, #D1D6A8, #6E7CA5, #414D63, #252B38)

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