Cerulean Coast color palette — #F1F7F2 · #D2DCDB · #B0C8C7 · #25A1A9 · #3F4B41

Cerulean takes the lead with Stone close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D2DCDB): bright and airy, almost weightless.
• Stone (#B0C8C7): A luminous, dusty teal — the color of sea glass.
• Cerulean (#25A1A9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#3F4B41): A deep, shadowed, dusty teal — the color of sea glass.

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

• Patina Dune color palette (#F2F7F1, #D2DDDC, #D1BCC3, #3F817F, #444944)
• Patina Summit color palette (#EFF7F5, #DED4D3, #ACA094, #5994CD, #404A47)
• Hushed Denim color palette (#E0EAE3, #A8B9B0, #7A9F90, #005D6B, #03190C)
• Worn Field color palette (#D7EAE0, #009DCA, #35544B, #1A3429, #121B15)
• Lagoon Boulevard color palette (#F6F6ED, #C5C7A8, #699E71, #4A7E69, #454600)
• Cobalt Market color palette (#F2F8E5, #72BDD8, #458CC4, #7C4E8D, #1C4637)
• Misty Corridor color palette (#EAF9F1, #C5E9FF, #89DEFF, #4DACFB, #06425B)
• Ash Dune color palette (#D8FFF4, #D8C7D7, #B08CA3, #937071, #684A45)

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