Timeworn Olive color palette — #F8F1E5 · #BFB389 · #62813B · #495E1A · #2D2711

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

The five colors

• Cream (#F8F1E5): bright and airy, almost weightless.
• Sage (#BFB389): A luminous, dusty green — the color of a quiet forest floor.
• Olive Leaf (#62813B): A full-bodied, balanced green — the color of fresh herbs.
• Olive (#495E1A): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#2D2711): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Worn Thicket color palette (#F7F1E4, #9BA76F, #46722E, #224B64, #211C04)
• Weathered Lagoon color palette (#F3F2E7, #C2C7A7, #519273, #536853, #31322B)
• Washed Olive color palette (#F5EBD2, #5C7200, #0E4200, #00251C, #020300)
• Azure Dune color palette (#DAFAF1, #4192DC, #C1586E, #597633, #05241E)
• Patina Azure color palette (#F5F1EB, #C1E6D8, #5A90D0, #0B6A7A, #392336)
• Mallow Hollow color palette (#DBFAF1, #FFE6F9, #D3B8F3, #548B9E, #3F2D3E)
• Amber Alley color palette (#E6F6F1, #5CACE5, #C6782F, #006BA2, #3A2105)
• Cobalt Market color palette (#CBEFF6, #51BBE0, #0082B1, #114D82, #1B2E4C)

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