Muted Olive color palette — #EDF8F3 · #AEB586 · #3FA9BA · #717A00 · #285364
Olive Leaf and Cyan set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EDF8F3): a clean, paper-quiet neutral.
- Sage (#AEB586): A luminous, dusty green — the color of new leaves after rain.
- Cyan (#3FA9BA): A luminous, balanced blue — the color of deep harbor water.
- Olive Leaf (#717A00): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#285364): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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
- Wandering Pine Chapel color palette (#EBF8F8, #8CBDA3, #779BCB, #15875C, #3A4F68)
- Dusty Villa color palette (#FFF1F6, #D1A682, #6DA886, #A65E00, #275656)
- Wandering Chestnut Quarry color palette (#EAF9F2, #A4BFB4, #638A78, #685D35, #364E46)
- Tempered Olive color palette (#EAF9F6, #9BBB8B, #CC836D, #538137, #624158)
- Worn Lilac Grove color palette (#E6F7ED, #BFB56F, #A68CD7, #7E7322, #2C2F46)
- Hushed Bronze Corridor color palette (#F0F8F0, #C9AA80, #B886AB, #9A6600, #524764)
- Weathered Powder Boulevard color palette (#F8F5EA, #C4CA8E, #9BACF4, #8C9344, #604258)
- Antique Hollow color palette (#D7FFF6, #71A53C, #008BB6, #3F6A00, #004157)
Browse the whole catalog at Explore, or see today's palette.