Cerulean Coast color palette — #ECF7FD · #D5DAE6 · #B7A8B3 · #008DA2 · #102832

Cerulean and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF7FD): bright and airy, almost weightless.
• Silver (#D5DAE6): bright and airy, almost weightless.
• Ash (#B7A8B3): A luminous, dusty pink — the color of neon signs at night.
• Cerulean (#008DA2): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#102832): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Patina Cerulean Meadow color palette (#F1F5FD, #DBD8E3, #C0AFA9, #7688BB, #2A2F36)
• Tempered Meadow color palette (#EAF8F9, #CCE1EF, #A3C4E7, #09946E, #152829)
• Timeworn Cypress color palette (#EAF8FD, #C7D4E1, #9AA6C4, #00676E, #133844)
• Abyss Workshop color palette (#DCE4EB, #A7BED3, #8193AB, #00415D, #000103)
• Wandering Meadow color palette (#F1F5FF, #DED5EA, #B6B9D2, #5255A4, #070C1B)
• Aged Periwinkle Garden color palette (#EAF8FF, #C2E2FF, #A9C8FF, #519DFF, #001726)
• Timeworn Aubergine color palette (#DEFFE6, #00BBEB, #0077C1, #662278, #001B29)
• Tempered Cobalt color palette (#DEF1FF, #0087C3, #002B54, #282128, #000813)

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