Muted Pier color palette — #FFF2EA · #CEAA81 · #97813B · #666900 · #4E5048

Olive takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Camel (#CEAA81): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#97813B): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#666900): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#4E5048): a grounded near-black with real depth.

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

• Hushed Amber Hollow color palette (#FFE9F0, #D2AC70, #A28A20, #635D1A, #173B30)
• Timeworn Drift color palette (#FAF4EB, #C1AE7C, #9990C8, #8C6E00, #4D476C)
• Wandering Amber color palette (#FFF3E7, #EAC58C, #B89D3A, #807D41, #504F48)
• Tempered Chestnut color palette (#FFF2F0, #D79E9F, #BB785A, #8A530F, #55514A)
• Antique Cypress Grove color palette (#FFF4E1, #B0B883, #729959, #007859, #3D583B)
• Faded Boulevard color palette (#FFD8B9, #D09C00, #747400, #10610C, #005135)
• Fern Alley color palette (#FCF4E5, #D2E6D0, #9DD4CA, #A7785D, #575100)
• Muted Olive color palette (#F3E4C9, #99963E, #2C810C, #005E3E, #00473E)

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