Muted Olive color palette — #FAF4EB · #C9AA6E · #6C7700 · #7B5900 · #282412
Built around Olive, softened by Coffee — the whole palette hums with nature and growth.
The five colors
- Ivory (#FAF4EB): a clean, paper-quiet neutral.
- Camel (#C9AA6E): A luminous, balanced gold — the color of old brass.
- Olive (#6C7700): A full-bodied, balanced green — the color of a quiet forest floor.
- Coffee (#7B5900): A full-bodied, balanced gold — the color of honey in a jar.
- Onyx (#282412): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance. Tagged duotone, 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 Terracotta color palette (#FAF4F0, #D89F8D, #906605, #A03912, #2D2212)
- Olive Thicket color palette (#F7F5EE, #BEC697, #5E8A62, #6A7412, #2D2F28)
- Patina Garden color palette (#F6F1EB, #DFA573, #008B5A, #935200, #0C1005)
- Hushed Summit color palette (#FBF5E3, #939F5F, #4A773F, #005864, #3E3D36)
- Hazy Fern color palette (#F6F6C2, #A2B175, #5F8138, #195E00, #00491F)
- Worn Bronze color palette (#F7F5EF, #D8DBD4, #BAC3B3, #80753A, #4B473F)
- Emerald Courtyard color palette (#FDF2F6, #EFB78A, #00AA6F, #B26E30, #0E2929)
- Bronze Corridor color palette (#EAE4D8, #7B6700, #1E3C00, #2F2600, #010200)
Browse the whole catalog at Explore, or see today's palette.