Timeworn Olive color palette — #FDEDF4 · #99BEA6 · #677E48 · #545070 · #1B2C21

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

The five colors

• Blush (#FDEDF4): bright and airy, almost weightless.
• Sage (#99BEA6): A luminous, dusty teal — the color of sea glass.
• Fern (#677E48): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#545070): A full-bodied, dusty violet — the color of twilight just after sunset.
• Deep Forest (#1B2C21): A deep, shadowed, dusty teal — the color of sea glass.

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

• Aged Lagoon Summit color palette (#EBF5EE, #9FCFC3, #5D8F79, #665D70, #223531)
• Washed Olive color palette (#ECF9F0, #AEB582, #617D4A, #435D71, #30483F)
• Pine Dune color palette (#EAF6E9, #A3A471, #3D733C, #3E4464, #072218)
• Hushed Cypress Boulevard color palette (#DDFAED, #7DB88B, #007C72, #703843, #01290F)
• Weathered Grape color palette (#F0F0FE, #B791D8, #5BA155, #7B4AA0, #002F2A)
• Aged Driftwood color palette (#FDF3EA, #CFC591, #7D9A68, #866871, #543F00)
• Muted Cerulean color palette (#F5F0F5, #B7E6F1, #009EBC, #426A3E, #1A2E40)
• Patina Apricot color palette (#EFF0FF, #E3D3DF, #F8AB83, #6E81A9, #373244)

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