Muted Olive color palette — #F5F7EA · #E4E1AB · #9EA379 · #6D722B · #2B2D21

Olive and Celadon Mist set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F7EA): a clean, paper-quiet neutral.
• Celadon Mist (#E4E1AB): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#9EA379): A luminous, dusty green — the color of new leaves after rain.
• Olive (#6D722B): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#2B2D21): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Worn Harbor color palette (#EDF9EE, #C1E39B, #43A5AD, #536A56, #1A251C)
• Seafoam Summit color palette (#F1F8EC, #58DEB6, #73A6DE, #9B8661, #33342D)
• Dusty Fern color palette (#F3F7ED, #F9C694, #548B71, #405612, #292D23)
• Fern Alley color palette (#F0F3ED, #DDBBA9, #536B2B, #263800, #111609)
• Patina Pier color palette (#E9F9F8, #B3E0EB, #689272, #264E4C, #0E1F1E)
• Pale Sunflower color palette (#F1F9E3, #D8D700, #1CA76C, #35684C, #181D0D)
• Muted Moss Courtyard color palette (#E4E9D5, #8E8C00, #005829, #001B08, #010200)
• Lime Delta color palette (#E5F4E3, #94B500, #007872, #00423F, #000400)

Browse the whole catalog at Explore, or see today's palette.