Muted Fern Pier color palette — #FFF2EB · #E1B99C · #9C7B4C · #675908 · #454E00

Olive and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sand (#E1B99C): A luminous, dusty gold — the color of old brass.
• Mocha (#9C7B4C): A luminous, dusty gold — the color of honey in a jar.
• Olive (#675908): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#454E00): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Muted Fern 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

• Feathered Mustard color palette (#FFF0F9, #FFD0AE, #DEB26C, #A0954A, #474D00)
• Cocoa Atelier color palette (#FFF2F0, #E0A9B0, #AD6F64, #834D30, #664000)
• Olive Loft color palette (#FAF1FF, #F3C2B2, #BC9564, #7A7200, #21531D)
• Timeworn Forest Harbor color palette (#FFF4E0, #C0C295, #778B54, #336B3E, #00523C)
• Weathered Drift color palette (#FDF4E5, #D19A74, #847744, #266177, #653E00)
• Bronze Loft color palette (#FBF4EF, #DBDAD2, #A2AFAB, #AD7246, #59514B)
• Amber Alley color palette (#F6DFC3, #AE8D00, #596000, #213F00, #002923)
• Shadow Coast color palette (#F0DED3, #805300, #382A00, #111100, #000401)

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