Muted Olive color palette — #EEF9EE · #B5B375 · #5F7E48 · #51596E · #30493D

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

The five colors

• Ivory (#EEF9EE): bright and airy, almost weightless.
• Sage (#B5B375): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#5F7E48): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#51596E): A full-bodied, dusty violet — the color of wild irises.
• Forest (#30493D): 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 Olive 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

• Muted Atelier color palette (#EAFBEB, #9FA056, #46702D, #434965, #1E3D30)
• Wandering Pewter color palette (#FEECF3, #94BFA6, #667D54, #53526B, #122E1F)
• Ancient Jade Veranda color palette (#E3FCF5, #52BA89, #007A72, #67435F, #104343)
• Aged Courtyard color palette (#FFF3E8, #D0C595, #81986D, #8A6671, #553F00)
• Linen Wisteria Bloom color palette (#F5F4FF, #C084D6, #749749, #7D518E, #384924)
• Wandering Cerulean Workshop color palette (#FCF2F8, #B6E6F1, #4298A8, #38704D, #344B5B)
• Hushed Ridge color palette (#F4F4FF, #EBD9DB, #FCBCAB, #667497, #4B4557)
• Taupe Loft color palette (#F9F5EC, #DFD5B0, #9BB682, #6A97B0, #4F4200)

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