Cerulean Coast color palette — #E1F3F2 · #3881A7 · #003F64 · #001E27 · #000104

Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Cream (#E1F3F2): bright and airy, almost weightless.
• Cerulean (#3881A7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#003F64): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#001E27): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Timeworn Study color palette (#EBE5DB, #4589AE, #003E6E, #002127, #00012E)
• Twilit Denim color palette (#D8E3F0, #005BA6, #002D59, #261A20, #000715)
• Iris Archive color palette (#DAE8FE, #6F88EE, #6759B2, #002D4A, #00000D)
• Aqua Atelier color palette (#DAEEEA, #5FC6C8, #007984, #004C44, #001A1F)
• Softworn Cabin color palette (#DDF0EE, #45ABC7, #00617F, #00383E, #000C16)
• Cellar Abyss color palette (#E1F2FF, #005374, #194700, #002132, #000200)
• Hushed Denim color palette (#F9E2EC, #5FACD6, #0051A7, #002B2C, #01000A)
• Shadow Aubergine Station color palette (#E6F1FF, #003C70, #4E0061, #002926, #000104)

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