Dusty Pier color palette — #FAF3F0 · #E1B5A0 · #977747 · #B04632 · #312D27

Brick takes the lead with Walnut close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FAF3F0): a clean, paper-quiet neutral.
• Sand (#E1B5A0): A luminous, dusty orange — the color of toasted spice.
• Walnut (#977747): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Brick (#B04632): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#312D27): quiet, heavy and certain.

Feels like: Optimism, 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 Market color palette (#F9F4EE, #D5BC92, #7B843F, #8E6500, #2F2E27)
• Worn Plum Balcony color palette (#FBF3F3, #DEB1CA, #A86A66, #A14880, #332C29)
• Antique Bronze color palette (#F8F0EE, #EEB0B9, #928417, #A45664, #1A1509)
• Washed Study color palette (#FFF3E8, #D4B697, #9E7B40, #735600, #524800)
• Amber Boulevard color palette (#F8F3F9, #FFBDC4, #B19B38, #C46F7C, #233229)
• Bronze Terrace color palette (#EBE1D1, #937100, #374600, #3F2F00, #040300)
• Weathered Chestnut Terrace color palette (#FFF3E8, #D58F5B, #716600, #824300, #221D00)
• Softworn Forest Coast color palette (#FCF4E7, #C6A074, #87763E, #006A4A, #624000)

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