Muted Olive color palette — #D8F7E6 · #717500 · #4D4700 · #2D2300 · #030400

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

The five colors

• Honeydew (#D8F7E6): A whisper-light, dusty teal — the color of sea glass.
• Olive (#717500): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#4D4700): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Onyx (#2D2300): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#030400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, 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

• Tempered Bronze Balcony color palette (#CEE9D5, #917D00, #664F00, #412C00, #000F08)
• Worn Bronze Meadow color palette (#FCE1ED, #9E5D00, #6A3500, #3F1600, #060300)
• Misty Amber color palette (#F8D7E1, #BA7F00, #875300, #5D2F00, #1F1400)
• Aged Lantern color palette (#BFEAD2, #ADAC00, #877900, #655000, #272D00)
• Worn Delta color palette (#EBDFED, #9B0039, #534400, #2B1363, #060001)
• Obsidian Cocoa color palette (#F8D6E8, #733000, #2C3D00, #001D11, #050006)
• Patina Scarlet color palette (#E4F5E1, #9D7200, #D00024, #160600, #040103)
• Quiet Amber Quarry color palette (#F6DEEB, #D78953, #A35C3A, #783726, #381726)

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