Hushed Cerulean Coast color palette — #E4F1ED · #5687B4 · #4A333F · #10221E · #070E09

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

The five colors

• Cream (#E4F1ED): bright and airy, almost weightless.
• Cerulean (#5687B4): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#4A333F): A deep, shadowed, dusty rose — the color of strawberry cream.
• Onyx (#10221E): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#070E09): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Hushed 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

• Weathered Studio color palette (#E8F3FF, #66A1D5, #515670, #303942, #1D2325)
• Pewter Orchard color palette (#F1DDE2, #8B60A3, #452824, #240D15, #0A0508)
• Eclipse Basin color palette (#F5DFF0, #465FCB, #371E3F, #060C2C, #000503)
• Lagoon Corridor color palette (#F5F2EA, #C4C6A7, #58907F, #456A5C, #31322B)
• Indigo Workshop color palette (#FBEDF5, #ACAFDB, #A1A065, #6765BB, #33312A)
• Dusty Lantern color palette (#FFECEF, #B58CB5, #A98657, #8A7818, #362024)
• Pale Lantern color palette (#CDF1E0, #93BBE1, #7C87CB, #64488A, #4E272F)
• Weathered Boulevard color palette (#F7F0ED, #C8E4E2, #7FA0C1, #357966, #472B3F)

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