Muted Olive color palette — #F9D7E7 · #BE7100 · #4F8B00 · #3A1F00 · #040100

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

The five colors

• Shell Pink (#F9D7E7): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#BE7100): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#4F8B00): A full-bodied, vivid green — the color of a quiet forest floor.
• Espresso (#3A1F00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#040100): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged neon, dark, vibrant, warm.

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

• Antique Emerald color palette (#F7D6D4, #00A86B, #9D8400, #272000, #030200)
• Quiet Ember color palette (#E9DAEB, #AE8800, #EB3D00, #4A0F02, #050100)
• Washed Amber Pier color palette (#EBDCCB, #C18B1A, #7C4C00, #3B2200, #030100)
• Hushed Olive Canyon color palette (#EEEBE3, #ABB4A2, #8CA380, #7C7400, #1A1300)
• Wandering Veranda color palette (#D1E3F3, #009D9D, #A75900, #190800, #050100)
• Patina Pine color palette (#DDEFF6, #008358, #745F00, #030F0E, #000201)
• Soft Amber color palette (#F4EDE0, #BC9400, #6A7E00, #7F6300, #010200)
• Pale Corridor color palette (#E9ECD6, #76A300, #398200, #00581A, #000D05)

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