Timeworn Olive color palette — #E3E1B3 · #8BB273 · #817B00 · #724800 · #003220

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

The five colors

• Celadon Mist (#E3E1B3): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#8BB273): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#817B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Bronze (#724800): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#003220): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.

Use it as a design system

One click turns Timeworn 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 Corridor color palette (#DDE9DE, #A1A270, #926A13, #7E3300, #002B26)
• Ancient Moss Veranda color palette (#E9DEB9, #7E9B2A, #615F00, #4B3A00, #0F3200)
• Weathered Lime color palette (#FCF8C0, #8AD349, #8A8100, #6C4300, #001F11)
• Lime Dune color palette (#E2E2AC, #A5C843, #9E9A00, #8A6D00, #113203)
• Softworn Terracotta color palette (#FFE7EE, #C2B578, #B47725, #9B4029, #2D3B16)
• Dusty Market color palette (#F9D1E4, #CD9B39, #B75A00, #97182E, #2B2B00)
• Cocoa Loft color palette (#F2D4E5, #9D743F, #893400, #5F0022, #0E0B00)
• Muted Courtyard color palette (#FFF0F8, #BCD1BD, #BC917A, #996367, #3A4D43)

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