Softworn Cerulean Pier color palette — #EAF4F3 · #A4CFE2 · #0E89A6 · #005B5E · #002432

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

The five colors

• Ivory (#EAF4F3): bright and airy, almost weightless.
• Sky (#A4CFE2): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0E89A6): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005B5E): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#002432): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Softworn Cerulean Pier 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

• Softworn Field color palette (#E8F5F4, #C8E0F2, #6593B6, #0E697F, #152E46)
• Softworn Cerulean color palette (#FEF3ED, #B0CDB9, #2882AB, #006150, #1F3B5F)
• Hushed Teal Drift color palette (#C0EDEB, #00B1B9, #007782, #004854, #002935)
• Hushed Cobalt color palette (#E0ECEB, #8EB9D9, #126EB6, #00485E, #001435)
• Softworn Cerulean Veranda color palette (#DAEBE9, #338498, #004256, #001F22, #000103)
• Tempered Indigo color palette (#E0F3FF, #0089AD, #705BBA, #006D44, #001623)
• Pale Boulevard color palette (#D4EDFC, #2F9FBF, #9665A8, #005F75, #2C0837)
• Hushed Alley color palette (#D7E6E5, #65A7BE, #006082, #003840, #000C17)

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