Muted Pier color palette — #FFF2EA · #E9BBA5 · #A86E58 · #7D3F19 · #562F18
A conversation between Bronze and Mocha, giving this palette its sense of optimism and warmth.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Sand (#E9BBA5): A whisper-light, dusty orange — the color of toasted spice.
- Mocha (#A86E58): A full-bodied, balanced orange — the color of sun-warmed clay.
- Bronze (#7D3F19): A full-bodied, balanced orange — the color of sun-warmed clay.
- Espresso (#562F18): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged monochrome, muted, warm.
Use it as a design system
One click turns Muted 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
- Muted Fern Dune color palette (#FFF4DE, #DCC9A1, #998246, #5E4C00, #453A08)
- Cocoa Loft color palette (#FFF2EC, #DFDBCD, #ABC9AC, #AF747B, #794314)
- Weathered Garnet Pier color palette (#FFF1F0, #EEBBCB, #A66780, #75324F, #522735)
- Timeworn Lagoon color palette (#FFF0F9, #FDC6B1, #D28866, #8E5638, #4C2C3F)
- Bronze Dune color palette (#F8F5EF, #D2BD99, #528D5C, #886800, #2D2F28)
- Feathered Lagoon color palette (#FFF3E7, #E5933E, #935D00, #533200, #361F00)
- Softworn Amber Orchard color palette (#FFE2B7, #B78B39, #6E4E00, #392500, #211300)
- Antique Summit color palette (#FBF4EA, #AA8B57, #5086A5, #5D5495, #533700)
Browse the whole catalog at Explore, or see today's palette.