Cerulean Coast color palette — #E9F9F6 · #A8CCD8 · #338593 · #00605B · #004251

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

The five colors

• Ivory (#E9F9F6): bright and airy, almost weightless.
• Sky (#A8CCD8): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#338593): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00605B): A full-bodied, dusty teal — the color of glacier melt.
• Deep Teal (#004251): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, 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

• Cerulean Basin color palette (#F7EFF5, #A4CFDF, #1388AC, #005E45, #00223D)
• Petrol Station color palette (#E4F2F1, #83BAD6, #006FA3, #004D5D, #033051)
• Petrol Loft color palette (#EDF8F7, #BFE2F8, #5293B5, #006F7E, #2E4B63)
• Hushed Cerulean Grove color palette (#D2E8E4, #498C97, #004453, #002223, #000B12)
• Dusty Aqua color palette (#F5F6EC, #CBE9D0, #3AC5DC, #00A19A, #1C4430)
• Patina Chestnut color palette (#D8EFE0, #76A28C, #736315, #564000, #0C392B)
• Hushed Indigo color palette (#F9E8F9, #CF6A71, #6C6CC8, #932D3A, #2F2D63)
• Timeworn Bronze color palette (#FFF0FA, #FCC7A7, #CA9F68, #9D5A54, #553548)

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