Dusty Pier color palette — #FDF2F3 · #FBC0EB · #B1B36A · #CD87BB · #2A240F

Mauve takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF2F3): bright and airy, almost weightless.
• Thistle (#FBC0EB): A whisper-light, balanced pink — the color of a candy shop window.
• Sage (#B1B36A): A luminous, balanced green — the color of fresh herbs.
• Mauve (#CD87BB): A luminous, balanced pink — the color of neon signs at night.
• Onyx (#2A240F): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged duotone, 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

• Weathered Blush Study color palette (#FCF3F1, #FFD0D5, #9BC590, #E0919B, #2E2E28)
• Softworn Canyon color palette (#FAF3F7, #D0D0FF, #DCA150, #9A98E3, #2D2214)
• Faded Peony Drift color palette (#FFEDEA, #FFA3BE, #A79F00, #F82785, #141200)
• Tempered Mallow Basin color palette (#FFF5DA, #FAADCB, #CA9A61, #5787AF, #433B38)
• Weathered Raspberry color palette (#F9F3FB, #EDB1C2, #C17D4B, #B5627D, #311C27)
• Tempered Courtyard color palette (#FFF1F0, #EFA4C5, #70B189, #607CB3, #223661)
• Misty Bronze color palette (#FFE8F9, #FFBCCA, #E19F7E, #A07C0E, #3C4600)
• Quiet Marigold color palette (#FFF3E6, #E5A969, #C48D52, #009694, #39201A)

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