Muted Pier color palette — #FFF0F8 · #92B095 · #95664A · #624762 · #254537

Walnut and Charcoal Brown set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Sage (#92B095): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#95664A): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Charcoal Brown (#624762): A full-bodied, dusty pink — the color of peonies in June.
• Forest (#254537): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, 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

• Worn Atelier color palette (#E9FBE9, #8BB19D, #5D7C5C, #67455C, #21453D)
• Sunlit Garnet Workshop color palette (#FFE6F7, #C69059, #99533E, #762C44, #193E29)
• Tempered Cocoa Basin color palette (#FFEEE1, #C2A687, #936B50, #763724, #2C200C)
• Chestnut Lantern color palette (#FFF1F7, #DAB1BD, #B48361, #8F5949, #2A4430)
• Aged Apricot color palette (#FFF3E9, #E5CDA3, #DD9B71, #AD7878, #3F3D36)
• Muted Lagoon color palette (#E3FAFF, #00958A, #99597E, #763C5E, #1C383D)
• Weathered Archive color palette (#F0DFE7, #A58148, #81421D, #611926, #042C1D)
• Washed Station color palette (#EDF8F7, #7CC096, #755FAC, #1D7146, #202334)

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