Cerulean Pier color palette — #F9F3F9 · #E3D7D9 · #CBBBBB · #6A93C0 · #4E444F

Slate Blue and Charcoal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Silver (#E3D7D9): a clean, paper-quiet neutral.
• Stone (#CBBBBB): soft and architectural.
• Slate Blue (#6A93C0): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#4E444F): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Wandering Violet Terrace color palette (#FCF2F5, #EBD5CE, #D9BAA8, #9B6EC5, #4C3A40)
• Wandering Veranda color palette (#F4DDEB, #8084E0, #5E454E, #392833, #1D161C)
• Hushed Bronze color palette (#FFF0FB, #E9BDCF, #AE8F94, #93712D, #595100)
• Timeworn Powder Harbor color palette (#FFF4E2, #88B2F4, #8E79B8, #86581A, #4E3347)
• Wandering Denim Orchard color palette (#F5ECF4, #C3ADBA, #A78D97, #294E9B, #1B0F1A)
• Worn Basalt Meadow color palette (#FAF5EB, #CEC59D, #7E9969, #5A7A6D, #4F4200)
• Muted Cabin color palette (#FFF0FB, #BFE6FF, #B5C9FF, #C992E5, #4A2E3F)
• Tempered Veranda color palette (#FFF0FC, #88A3E3, #AE677F, #705B16, #00423B)

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