Muted Pier color palette — #FFF0FA · #F4C095 · #C99A3B · #8A7D3B · #36544B

Built around Mustard, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Cantaloupe (#F4C095): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Mustard (#C99A3B): A luminous, balanced gold — the color of honey in a jar.
• Walnut (#8A7D3B): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#36544B): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance. Tagged muted.

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

• Washed Stone color palette (#FFF2E9, #E7DEB5, #D6B576, #8D7E42, #514F48)
• Timeworn Moss Canyon color palette (#E0FBE0, #D8C98A, #A3A548, #698654, #315A56)
• Timeworn Powder color palette (#EEF9EF, #E3BE7F, #A7AAEE, #A8864B, #424C68)
• Ancient Coral Lagoon color palette (#F9F2FF, #F3ABB3, #E0816F, #A46D47, #3C513B)
• Ancient Amber color palette (#F4E1C5, #B99800, #727700, #3B5800, #003B18)
• Hushed Taupe color palette (#ECF9EE, #AED5C1, #B39760, #8B6978, #384D47)
• Softworn Basin color palette (#E9FBE9, #D2A970, #62AAF1, #A385B1, #374737)
• Quiet Emerald Courtyard color palette (#EFECBC, #A5C97D, #42A948, #147F59, #20515A)

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