Muted Olive color palette — #E8F6E9 · #A6A463 · #497222 · #5C3854 · #002316

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

The five colors

• Cream (#E8F6E9): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#A6A463): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#497222): A full-bodied, balanced green — the color of a quiet forest floor.
• Cocoa (#5C3854): A deep, shadowed, dusty pink — the color of a candy shop window.
• Onyx (#002316): A deep, shadowed, dusty teal — the color of sea glass.

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

• Cypress Summit color palette (#E6F6F1, #7CAD8D, #007568, #593A55, #002221)
• Timeworn Ridge color palette (#EAFAEE, #AA9C4D, #666725, #5F4051, #213C2E)
• Powdered Cabin color palette (#E5F8E7, #ADAD50, #3E7D00, #644600, #00281A)
• Muted Workshop color palette (#E0F0E5, #85974C, #0D6724, #463700, #001710)
• Washed Mustard Dune color palette (#CEFAE5, #B9B051, #6F6900, #373300, #0E1000)
• Patina Jade color palette (#C8EFE2, #36AF63, #006B5B, #74101C, #001C09)
• Ancient Driftwood Harbor color palette (#FFF3E4, #B9B87E, #6A8C52, #815659, #37352F)
• Powdered Courtyard color palette (#FFE3D7, #D08421, #7E6200, #484400, #152300)

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