Cerulean Coast color palette — #F0F7F3 · #D2DDDD · #C3B3A6 · #538B9C · #4D5550

A conversation between Storm Blue and Stone, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#D2DDDD): a clean, paper-quiet neutral.
• Stone (#C3B3A6): A luminous, dusty gold — the color of old brass.
• Storm Blue (#538B9C): A luminous, dusty blue — the color of open sky before noon.
• Charcoal Brown (#4D5550): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Driftwood Canyon color palette (#F9F3F8, #E1D7D8, #B2ADA0, #957690, #575055)
• Wandering Driftwood Bloom color palette (#ECF4EF, #CEDADC, #B3ADA4, #6A8C75, #323834)
• Softworn Fern color palette (#F6F6ED, #BDC5A4, #548F7A, #556D58, #485406)
• Petrol Harbor color palette (#ECF8F4, #F0D9DF, #D1B1C5, #1971A5, #31453E)
• Patina Cobalt color palette (#FEF4E4, #6BB3D0, #5B75B2, #784D41, #344E46)
• Timeworn Terrace color palette (#E2FCF0, #D6BFD3, #A68694, #976131, #6D4D00)
• Tempered Onyx color palette (#D9E4DF, #86A09A, #81677B, #003042, #000D07)
• Patina Iris Boulevard color palette (#ECF8F4, #B2F5FF, #A3D8FF, #8B94D6, #314D46)

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