Dusty Pier color palette — #FFF2EC · #ECC0AD · #B17063 · #823434 · #572E2B

Rust and Mocha set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Oat (#ECC0AD): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mocha (#B17063): A luminous, balanced orange — the color of autumn markets.
• Rust (#823434): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#572E2B): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Warmth, Comfort, Sophistication. Tagged monochrome, muted, warm.

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 Bronze color palette (#FFF3E2, #DFC39D, #A57A41, #6B4900, #4C330C)
• Antique Mulberry Archive color palette (#FFF1F1, #EBBDD7, #A46E96, #76355C, #4B2744)
• Coral Chapel color palette (#FFF2EC, #FFCBC5, #D68174, #93564D, #3E3733)
• Worn Courtyard color palette (#FFF2EF, #E1DCCE, #ADDABA, #AA80AA, #7D4121)
• Bronze Station color palette (#FBF3EE, #DCB8A0, #278F80, #A2552E, #273123)
• Wandering Amber Balcony color palette (#FFE3C9, #CF8041, #7C4900, #401E00, #281000)
• Hushed Drift color palette (#FFF2EB, #F09667, #A34900, #612600, #421A00)
• Dusty Bronze color palette (#F0E9DC, #AB7C00, #563E00, #241700, #0D0700)

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