Muted Olive color palette — #F6F7E3 · #8BAA7C · #9479C4 · #397700 · #493866
A conversation between Olive and Lavender Blue, giving this palette its sense of nature and growth.
The five colors
- Cream (#F6F7E3): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#8BAA7C): A luminous, dusty green — the color of fresh herbs.
- Lavender Blue (#9479C4): A luminous, balanced violet — the color of twilight just after sunset.
- Olive (#397700): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#493866): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Balance. Tagged 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
- Olive Boulevard color palette (#FBF5E3, #A8A266, #6D87CA, #716700, #31406A)
- Weathered Lilac Loft color palette (#F0F8EB, #66B09B, #AE6FB1, #007761, #553557)
- Aged Lilac color palette (#E3F7F1, #90B067, #A375CC, #4F710C, #242342)
- Wandering Wisteria Hollow color palette (#F7F6E6, #A2C575, #C990F2, #61871C, #5B3542)
- Lapis Boulevard color palette (#F2F9E3, #4A9C6D, #7C6FB5, #6B56B2, #373932)
- Misty Drift color palette (#E4FBF5, #B0DC8A, #CCADF3, #89AB6B, #4A395F)
- Cocoa Courtyard color palette (#FFF3E9, #B6A489, #956646, #7D3A3A, #3F3D36)
- Washed Canyon color palette (#EBFCDE, #00AC8B, #D3435C, #006C57, #720022)
Browse the whole catalog at Explore, or see today's palette.