Muted Fern color palette — #F8F5E9 · #ABB58E · #31827A · #595E2E · #3D4800

Built around Deep Olive, softened by Teal — the whole palette hums with nature and growth.

The five colors

• Ivory (#F8F5E9): bright and airy, almost weightless.
• Sage (#ABB58E): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#31827A): A full-bodied, dusty teal — the color of glacier melt.
• Olive (#595E2E): A full-bodied, dusty green — the color of fresh herbs.
• Deep Olive (#3D4800): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

• Basalt Garden color palette (#FCF4EA, #B9B08C, #557F59, #16656F, #4F4100)
• Antique Garden color palette (#E5F6F2, #8FBEBA, #37856C, #2C6055, #0E2D2B)
• Olive Lagoon color palette (#F6F6EC, #A3D2AD, #54A086, #78752B, #3E4800)
• Amber Quarry color palette (#F9E7DB, #AF8D32, #506300, #004E46, #3B2B00)
• Misty Amber Delta color palette (#E9FAEE, #4CAFC1, #C07160, #007282, #653127)
• Aged Cerulean color palette (#DAE6BF, #70BFA7, #00909F, #00617D, #2A4464)
• Worn Cypress Archive color palette (#FDF3EF, #CCE3D2, #5691B7, #00754E, #394769)
• Dusty Petrol Alley color palette (#DBFFEC, #84C1DB, #007F9B, #004963, #003447)

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