Timeworn Olive color palette — #E7F6ED · #83AA99 · #5E6C22 · #683534 · #002317

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

The five colors

• Cream (#E7F6ED): bright and airy, almost weightless.
• Sage (#83AA99): A luminous, dusty teal — the color of glacier melt.
• Olive (#5E6C22): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#683534): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Onyx (#002317): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Powdered Olive Dune color palette (#E0F9EB, #A9AD6E, #61750C, #703E02, #222200)
• Pine Meadow color palette (#E9F5F1, #97BCB4, #5A8156, #6A495D, #0F2D28)
• Patina Jade Delta color palette (#CCEDE8, #4FAA71, #006C4B, #5A3400, #001C0B)
• Ancient Cypress Atelier color palette (#E4F6F3, #77ABA8, #277555, #054F5F, #002221)
• Olive Lagoon color palette (#FCF4E9, #9E9F65, #457029, #4C446C, #37352F)
• Timeworn Onyx Harbor color palette (#DFF1E9, #727F48, #304E00, #520800, #060900)
• Ancient Summit color palette (#EDF9EE, #ABDDC8, #6F9761, #5F5B93, #033022)
• Sunlit Bronze color palette (#FFE9F5, #D7977A, #A64C10, #531F00, #190500)

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