Muted Pier color palette — #F8F1E7 · #CAC59F · #57926D · #745862 · #32312A

Fern and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8F1E7): bright and airy, almost weightless.
• Pistachio (#CAC59F): A luminous, dusty green — the color of new leaves after rain.
• Fern (#57926D): A luminous, balanced teal — the color of shallow lagoons.
• Graphite (#745862): A full-bodied, dusty rose — the color of a warm blush.
• Espresso (#32312A): a grounded near-black with real depth.

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

• Weathered Fern Study color palette (#FAF5E7, #C7C39C, #6B8B67, #795D62, #574E00)
• Patina Oat color palette (#EDF9EF, #AADECE, #75A6A5, #7A7B91, #40514C)
• Worn Lagoon color palette (#F7F0EC, #C3EAE7, #6EA1D3, #2E7A67, #432F3C)
• Antique Turquoise color palette (#FBEFE9, #DFA38B, #43A9D1, #A35C3F, #1A382B)
• Gentle Jade color palette (#F8F2DE, #79BB78, #007D6B, #673766, #072809)
• Hushed Emerald Drift color palette (#EFECDB, #4FA170, #00625E, #522746, #0F1500)
• Tempered Bronze Workshop color palette (#FFEFE0, #F3BD9D, #B47543, #693E0D, #301A04)
• Hushed Forest Quarry color palette (#EEE2D4, #767F2B, #005220, #331D49, #0A0700)

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