Muted Olive color palette — #F8F5EB · #B9B089 · #687C43 · #22665C · #4E4200
Olive and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F8F5EB): a clean, paper-quiet neutral.
- Sage (#B9B089): A luminous, dusty green — the color of a quiet forest floor.
- Olive (#687C43): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#22665C): A full-bodied, dusty teal — the color of sea glass.
- Deep Olive (#4E4200): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Muted Fern Balcony color palette (#F5F6ED, #BFC4A6, #5F8D70, #516E5A, #4B5301)
- Weathered Fern Meadow color palette (#FAF5E7, #A59B77, #5B6A27, #6F383B, #37352F)
- Driftwood Canyon color palette (#FEF1F6, #D4C390, #8A9755, #5E7294, #35473B)
- Antique Workshop color palette (#F2F8E8, #6FB399, #007B69, #00587A, #004633)
- Wandering Sand color palette (#E9FAEF, #DADA96, #A7B37D, #77979A, #34483E)
- Ancient Olive color palette (#E5E0C7, #5C762C, #1C4200, #002827, #0B1200)
- Forest Quarry color palette (#EEECD6, #70A259, #006E21, #004D52, #173702)
- Tempered Garnet color palette (#EFE8D8, #7D7E40, #3F4B00, #580C14, #1C1C00)
Browse the whole catalog at Explore, or see today's palette.