Muted Olive color palette — #DCE5CC · #817D00 · #007056 · #003B64 · #000201
A conversation between Olive Leaf and Pine, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#DCE5CC): A whisper-light, dusty green — the color of fresh herbs.
- Olive Leaf (#817D00): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#007056): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#003B64): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, light, 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 Hollow color palette (#E2E4C7, #A47100, #496500, #004658, #000201)
- Powdered Emerald Drift color palette (#C9EADC, #239512, #007765, #004855, #000302)
- Wandering Nightshade Garden color palette (#DBEBD6, #718300, #006E6C, #1313A2, #000102)
- Misty Denim color palette (#C5EDE2, #979500, #008870, #0054A4, #000607)
- Moonless Forest Alley color palette (#DFE3C3, #0A6551, #004059, #2A0E00, #070100)
- Washed Clover Atelier color palette (#C8E6EA, #38C627, #009C81, #005B6A, #000201)
- Patina Cerulean Boulevard color palette (#F5E3DB, #288694, #00405F, #002113, #00000D)
- Muted Aubergine color palette (#CBEADE, #00AB6C, #0070A1, #740089, #000112)
Browse the whole catalog at Explore, or see today's palette.