Muted Pier color palette — #FFF1F6 · #A8BFA9 · #9D7283 · #735265 · #394D40

Mocha and Graphite set the tone — five colors that lean into sophistication and grounding.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Stone (#A8BFA9): A luminous, dusty green — the color of fresh herbs.
• Mocha (#9D7283): A luminous, dusty rose — the color of a warm blush.
• Graphite (#735265): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal (#394D40): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Sophistication, Grounding. Tagged earthy, warm, 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

• Driftwood Bloom color palette (#ECF9EE, #A2C1AD, #6E8871, #71545F, #384D44)
• Wandering Chestnut color palette (#FBEDF3, #A8C3B0, #A07486, #7C4741, #17322A)
• Ancient Bronze color palette (#FFF3E8, #D5C9B4, #B99373, #A36144, #534800)
• Worn Mulberry Orchard color palette (#F1F5FF, #BCB4E3, #9877A6, #76456F, #692F49)
• Antique Stone Terrace color palette (#EEF6FE, #D3BE91, #476179, #2A3A4A, #22232D)
• Dusty Petrol Courtyard color palette (#F0F6FD, #A4C1F3, #976C96, #4E6DA3, #2F2B39)
• Weathered Boulevard color palette (#EEF6FF, #6D93C1, #A47158, #646138, #343E4A)
• Wandering Fern Alley color palette (#D7EFE3, #8F9E6E, #6A671F, #554100, #0F3832)

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