Weathered Olive color palette — #F9F5ED · #B4B282 · #707B24 · #725146 · #514000

A conversation between Olive Leaf and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F9F5ED): bright and airy, almost weightless.
• Sage (#B4B282): A luminous, dusty green — the color of a quiet forest floor.
• Olive Leaf (#707B24): A full-bodied, balanced green — the color of a quiet forest floor.
• Coffee (#725146): A full-bodied, dusty orange — the color of autumn markets.
• Deep Olive (#514000): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Patina Chestnut color palette (#F5F7EA, #ABB58E, #368463, #7D4E11, #3D4900)
• Hushed Fern color palette (#FAF5E8, #9F9E67, #5E6A00, #664125, #37352F)
• Worn Stone color palette (#F8F0E7, #BBB67C, #687D52, #644D5A, #2E2713)
• Aged Driftwood color palette (#EDF9EC, #CBC797, #819869, #6A7187, #32483D)
• Dusty Terracotta Archive color palette (#FFF2EC, #D88678, #749834, #A73E30, #394822)
• Weathered Stone color palette (#FFF2EB, #DFDACD, #E2B682, #A0615D, #4F4944)
• Hushed Basalt Quarry color palette (#FCF3EA, #E3D4AC, #96B78C, #A68598, #524000)
• Rust Pier color palette (#FFF2EB, #E59F88, #B64F28, #722A14, #491C0C)

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