Weathered Olive color palette — #E9F6EE · #B4B889 · #6B7E34 · #6D4D31 · #122D23

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

The five colors

• Cream (#E9F6EE): a clean, paper-quiet neutral.
• Sage (#B4B889): A luminous, dusty green — the color of fresh herbs.
• Olive Leaf (#6B7E34): A full-bodied, balanced green — the color of a quiet forest floor.
• Coffee (#6D4D31): A full-bodied, dusty gold — the color of old brass.
• Deep Forest (#122D23): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Weathered 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 Pine color palette (#E7F5F2, #9BBE9A, #3C8659, #395F48, #0A2E2A)
• Olive Delta color palette (#E5F7EF, #A1AB5D, #009FB4, #636B00, #002C3B)
• Timeworn Stone Alley color palette (#FBF4E8, #A9B878, #558057, #71504F, #4D4300)
• Olive Parlor color palette (#CEFEED, #AFC483, #6D8400, #3B4800, #131800)
• Weathered Seafoam Field color palette (#E5F7F1, #A2E8EB, #A1D3B1, #808255, #203933)
• Tempered Bronze Loft color palette (#FAF5E6, #C3C998, #85985E, #97662E, #4F4200)
• Bronze Alley color palette (#DDFAEE, #899640, #009384, #A35117, #09241B)
• Muted Fern Corridor color palette (#D6EBDF, #8D9359, #4A5E00, #403A02, #00170F)

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