Cerulean Pier color palette — #F2F5FB · #DFD9E1 · #B9A8A3 · #7281A9 · #4E535B

Slate Blue and Rosewood Mist set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F2F5FB): bright and airy, almost weightless.
• Silver (#DFD9E1): bright and airy, almost weightless.
• Rosewood Mist (#B9A8A3): A luminous, dusty orange — the color of toasted spice.
• Slate Blue (#7281A9): A luminous, dusty violet — the color of wild irises.
• Charcoal Brown (#4E535B): a grounded near-black with real depth.

Feels like: Sophistication. 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

• Antique Pewter color palette (#F6F4FA, #E3D8DB, #D6B9B9, #926188, #494650)
• Tempered Pewter color palette (#E9F8FF, #B5C1D6, #9B92AE, #527880, #38515A)
• Softworn Pewter color palette (#E2FBFA, #79AFD5, #8F63A0, #326643, #3E4859)
• Navy Pier color palette (#DEE2EC, #9997A8, #7B6885, #23146F, #050816)
• Patina Aubergine Cabin color palette (#EDEEF4, #CFC8DA, #AD99AD, #5F4585, #2B2C3B)
• Muted Aubergine Lantern color palette (#DFDEE6, #C0B4C5, #A38398, #66226E, #201D28)
• Muted Bronze Grove color palette (#EEF6FE, #649DD1, #9B6125, #296045, #184B4C)
• Patina Archive color palette (#F1F5FF, #D2DEEF, #CCC4FF, #CA7D7B, #454157)

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