Timeworn Olive color palette — #F9EECD · #86A971 · #716C19 · #664000 · #343730

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

The five colors

• Custard (#F9EECD): A whisper-light, dusty green — the color of a quiet forest floor.
• Moss (#86A971): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#716C19): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#664000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal (#343730): a grounded near-black with real depth.

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

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

• Quiet Olive color palette (#D2F2E2, #96A871, #726F00, #544100, #082300)
• Pale Cocoa Basin color palette (#FFEBD3, #A79F5E, #8E5E00, #7B2C0C, #2A3C18)
• Hushed Bronze Veranda color palette (#FAF5E7, #BBBA98, #977D36, #805215, #3E4F05)
• Antique Cocoa Courtyard color palette (#F2E1D5, #A5804E, #843F1B, #5C1F2B, #292500)
• Antique Olive color palette (#F1DDC1, #6D6B19, #4B3300, #330F00, #030F00)
• Antique Mustard color palette (#D8F7E7, #A9D88B, #B2A800, #A97327, #003E3F)
• Soft Alley color palette (#FFDFED, #FE796E, #9F5700, #544900, #1B3E00)
• Worn Mulberry Lantern color palette (#FFF1F1, #EA72B1, #238C3E, #7F0053, #1B2000)

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