Muted Fern color palette — #E7F7E9 · #A7A276 · #5E6B32 · #4D3E63 · #052215

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

The five colors

• Cream (#E7F7E9): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#A7A276): A luminous, dusty green — the color of fresh herbs.
• Olive (#5E6B32): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#4D3E63): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#052215): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Washed Cypress Hollow color palette (#E1F7F4, #77AE94, #007568, #424266, #002123)
• Ancient Olive color palette (#E0FAE6, #ABAC71, #597723, #72383A, #232200)
• Navy Studio color palette (#FCF4EB, #9F9E6D, #486E41, #3F457B, #37352F)
• Fern Balcony color palette (#D1EADB, #87955D, #3A612C, #5D241D, #101400)
• Olive Summit color palette (#FEF4E4, #C3B38A, #798942, #6A5A83, #38352E)
• Dusty Studio color palette (#D5ECDC, #797E38, #2F4E00, #391949, #080800)
• Antique Harbor color palette (#E8F5F2, #A8CBCA, #588D93, #6A5B72, #203635)
• Cerulean Atelier color palette (#EBF5ED, #A3D0DE, #1F8A9E, #005D4C, #002437)

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