Muted Pier color palette — #FFF1F3 · #F2D3D2 · #CBADA6 · #A5753C · #6A4C00

A conversation between Mocha and Bronze, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Shell Pink (#F2D3D2): A whisper-light, dusty orange — the color of autumn markets.
• Rosewood Mist (#CBADA6): A luminous, dusty orange — the color of autumn markets.
• Mocha (#A5753C): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#6A4C00): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted, light.

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

• Wandering Fern Lantern color palette (#FFEFF3, #F4C8C7, #D7AFA2, #96967C, #425A18)
• Patina Apricot color palette (#FFF2EE, #F0A474, #A4855C, #555602, #05391E)
• Hushed Coral color palette (#FFF1F6, #FFA2AE, #D37C69, #695E29, #363B00)
• Patina Villa color palette (#FFF2EF, #FFCDB3, #D2A268, #5D774D, #224C30)
• Wandering Cypress color palette (#D7F8EE, #CAAEC1, #A07277, #206F73, #29565B)
• Washed Station color palette (#FFE0E0, #B25B3E, #763D00, #252B00, #010500)
• Dusty Villa color palette (#F8EBE0, #C89942, #807523, #154F37, #002420)
• Timeworn Coral color palette (#FFF2EE, #E4D8D2, #E0898B, #89484C, #391318)

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