Cerulean Pier color palette — #FAF3F5 · #DADEEC · #9DB1DA · #47949D · #4A5269

A conversation between Storm Blue and Mauve, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Silver (#DADEEC): a clean, paper-quiet neutral.
• Mauve (#9DB1DA): A luminous, dusty violet — the color of wild irises.
• Storm Blue (#47949D): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#4A5269): A full-bodied, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Muted Bloom color palette (#EDF8F7, #D9DBE9, #A3CBF6, #81A8C1, #475465)
• Wandering Cerulean Station color palette (#F4ECF1, #A5CBDD, #3290C2, #006D5E, #062B60)
• Tempered Cobalt Cabin color palette (#F8EAF0, #94B6D1, #4473BF, #00585D, #1A144C)
• Patina Corridor color palette (#F8EBF4, #619F9E, #006375, #003E24, #000B14)
• Hushed Coast color palette (#EAF9F4, #C9DAF1, #B1A6B3, #AEA16D, #3C5451)
• Airy Azure color palette (#FCF1F9, #A2E9F2, #2BAAD6, #008667, #074270)
• Pale Moss color palette (#E8FAF3, #BECB9C, #CB9FD5, #829822, #5C4262)
• Pewter Canyon color palette (#FEF1F7, #BDD1BD, #B78EA2, #8A6884, #374E40)

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