Weathered Olive color palette — #FCF5E3 · #9BAB73 · #407A2E · #5C5200 · #363F18

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

The five colors

• Cream (#FCF5E3): A whisper-light, dusty gold — the color of old brass.
• Sage (#9BAB73): A luminous, dusty green — the color of fresh herbs.
• Olive (#407A2E): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#5C5200): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#363F18): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance, 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

• Softworn Hollow color palette (#F4F7EB, #A7B595, #418077, #585F15, #354B04)
• Softworn Fern color palette (#F3EAD8, #8E9956, #356A00, #00503A, #2C3200)
• Driftwood Quarry color palette (#F8F5EC, #C3C2AB, #7E8842, #596D4E, #554F00)
• Emerald Loft color palette (#E8FBEB, #B2C577, #10A059, #80642E, #373F17)
• Clover Dune color palette (#E3FDEE, #C1DB75, #75B961, #928A57, #363F16)
• Antique Jade Chapel color palette (#DDF9DF, #34BA7E, #00836F, #005851, #0C3B4F)
• Patina Terrace color palette (#F0E6D5, #746E06, #2E3E00, #002A15, #121000)
• Airy Byzantium color palette (#D7F5D3, #00938C, #904DBE, #875300, #003936)

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