Muted Pier color palette — #FFF2EE · #F3AFB7 · #B6B578 · #C1717C · #4F4D46

Dusty Rose takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Ballet Pink (#F3AFB7): A luminous, balanced red — the color of a theater curtain.
• Sage (#B6B578): A luminous, balanced green — the color of a quiet forest floor.
• Dusty Rose (#C1717C): A luminous, balanced red — the color of embers at dusk.
• Charcoal Brown (#4F4D46): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged light, 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

• Hushed Fern color palette (#FFF2EB, #F1B39E, #98BE8D, #B87B65, #505100)
• Lilac Orchard color palette (#FFF2EE, #E19BA2, #C29E65, #A084BD, #533C36)
• Plum Grove color palette (#FFF2F0, #D2A29C, #44A9B5, #A55571, #1A575D)
• Timeworn Driftwood Alley color palette (#FFF1F2, #E1B3D9, #81B9DA, #AA7AA2, #285747)
• Aged Bronze color palette (#FEF3E7, #DBAF79, #C88FBE, #AC721A, #5A3253)
• Taupe Field color palette (#FFF2ED, #FBC4C0, #C78685, #915553, #572E2E)
• Weathered Terrace color palette (#FAF2FC, #FFC1CE, #6ADDD8, #DC8EA0, #2C545D)
• Bronze Lagoon color palette (#FEF3EA, #E8CCAB, #A66F3F, #723E06, #312A24)

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