Cerulean Pier color palette — #FAF3F5 · #DBDEEC · #9AB1E1 · #3395A1 · #49516E

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

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Silver (#DBDEEC): bright and airy, almost weightless.
• Sky (#9AB1E1): A luminous, dusty violet — the color of wild irises.
• Cerulean (#3395A1): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#49516E): A full-bodied, dusty violet — the color of a velvet chair.

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

• Timeworn Powder Pier color palette (#EDF8F7, #D9DBE9, #A5CAF4, #79AAC2, #475465)
• Lagoon Garden color palette (#F5F4FF, #C4A3D0, #93B06E, #3AA087, #423F57)
• Timeworn Dune color palette (#EBDDE6, #689CAA, #006375, #003E24, #000B14)
• Dusty Cerulean Terrace color palette (#F4ECF1, #94CFE0, #358FC4, #006D60, #132C57)
• Wandering Cobalt color palette (#F6E7EE, #92B6D3, #4172C6, #00585E, #1B1050)
• Washed Azure Orchard color palette (#FEF1FA, #ACE7EE, #00ABDB, #008666, #004272)
• Bronze Harbor color palette (#EEF8F2, #B2D3C6, #7FA68D, #8D6E4D, #364D49)
• Wandering Pewter Workshop color palette (#EFF6FF, #C1C8FA, #9F8ECD, #8B5D97, #54476A)

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