Dusty Pier color palette — #F4F5FB · #DED6E1 · #CCB8CD · #8972B3 · #383A43

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

The five colors

• Ivory (#F4F5FB): bright and airy, almost weightless.
• Silver (#DED6E1): bright and airy, almost weightless.
• Stone (#CCB8CD): A luminous, dusty pink — the color of neon signs at night.
• Slate Blue (#8972B3): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#383A43): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Worn Orchard color palette (#F3F5FD, #E1D5E2, #B8AFC0, #635C8B, #383A43)
• Aged Raspberry color palette (#F8F2FF, #E4D9EB, #E4ADB8, #B64790, #382D44)
• Timeworn Stone color palette (#EDE2FF, #DAA3B9, #A588A6, #83653B, #364F40)
• Wandering Atelier color palette (#E8E3FD, #AE5AB3, #58304C, #231E30, #0D0C15)
• Grape Delta color palette (#E4E4EF, #C4C1D6, #A8A0BB, #7B40A2, #1E1D2E)
• Pale Peony color palette (#F5F4FF, #E0D2FF, #E09AFF, #D66CB9, #3C203D)
• Hushed Garnet color palette (#F0EAF2, #AE9FAE, #967D92, #800A3A, #0D0610)
• Quiet Meadow color palette (#FCE8F5, #CA82D7, #B54890, #834100, #342A48)

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