Dusty Pier color palette — #FDF1FB · #D1D6E8 · #F7C2F5 · #B1A6A9 · #523B4B

A conversation between Thistle and Charcoal, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#FDF1FB): bright and airy, almost weightless.
• Silver (#D1D6E8): A whisper-light, dusty violet — the color of wild irises.
• Thistle (#F7C2F5): A whisper-light, balanced pink — the color of neon signs at night.
• Ash (#B1A6A9): a calm mid-gray that lets other colors speak.
• Charcoal (#523B4B): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.

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

• Softworn Mallow Archive color palette (#EAFAF0, #BBDFF0, #CCBBF0, #BAAFB5, #264337)
• Worn Lilac color palette (#FFF0FE, #E4D5F0, #B19FE0, #9372A4, #6B4A4B)
• Muted Shell color palette (#FFF1F3, #DDD2D8, #FFAD9A, #C4BBB3, #472236)
• Antique Pier color palette (#FAF4EE, #C5DFEF, #E0C0DC, #579FA8, #5D4553)
• Antique Lilac color palette (#EFF6FF, #D1DEED, #C7C1F6, #B581BE, #38435B)
• Dusty Fern color palette (#FFF1F5, #F4D2E9, #C2D59C, #A78DC1, #4F4700)
• Washed Market color palette (#FFF0F9, #D7D3DF, #C7B8B6, #FB80DB, #2E124B)
• Cocoa Bloom color palette (#FAF4EE, #CADECC, #B5B088, #957E90, #5A4200)

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