Worn Olive color palette — #E7FBEB · #A3AA5A · #2A7E00 · #4E497B · #184435

Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E7FBEB): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#A3AA5A): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#2A7E00): A full-bodied, vivid green — the color of a quiet forest floor.
• Peacock (#4E497B): A full-bodied, balanced violet — the color of wild irises.
• Forest (#184435): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Worn 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

• Washed Cypress color palette (#E6FBF2, #82B181, #007C60, #64416F, #264325)
• Wandering Fern color palette (#D9F3DB, #9A963D, #3A6900, #44347A, #323000)
• Dusty Ridge color palette (#F6F3DC, #8CB853, #377E1C, #195656, #242100)
• Wandering Lime color palette (#DCFEF1, #9FCC67, #5F974E, #307575, #17433A)
• Washed Atelier color palette (#EEF8F0, #A9C9BD, #698C69, #61647C, #3F524B)
• Worn Pine color palette (#D7F0E6, #538956, #00513F, #421B4C, #022205)
• Airy Cerulean color palette (#FBF2F9, #8DDEE1, #008DAC, #006A47, #114464)
• Grape Courtyard color palette (#F4F4FF, #B672DA, #00956D, #8800B7, #004632)

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