Muted Olive color palette — #FFF3E9 · #CFBA72 · #5D8500 · #5D466D · #211600

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sand (#CFBA72): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#5D8500): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#5D466D): A full-bodied, dusty violet — the color of twilight just after sunset.
• Ink (#211600): A deep, shadowed, dusty gold — the color of old brass.

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

• Hushed Canyon color palette (#FCF4E8, #B5C288, #008E48, #005B6A, #1D1800)
• Wandering Lagoon Hollow color palette (#FAF5E7, #A2C893, #008B6E, #773B4C, #1A1A00)
• Emerald Lagoon color palette (#FFF3E7, #D9D29F, #6F9758, #79547A, #312608)
• Aged Pine Pier color palette (#FFF3E4, #A0A95F, #007430, #532B4D, #0A0700)
• Muted Moss Lantern color palette (#D5EBDB, #BCC072, #799F49, #567A92, #023123)
• Aged Fern color palette (#DCE9DA, #978D54, #475E13, #303969, #0E3020)
• Misty Grape Boulevard color palette (#FFF1F5, #DB99FF, #64A100, #831CAE, #0E1D00)
• Weathered Moss color palette (#EAE0C9, #689F4E, #005B47, #4D0E2D, #000200)

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