Timeworn Olive color palette — #FAEEF2 · #B9B688 · #59824A · #4B5372 · #172D22

Built around Fern, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Blush (#FAEEF2): bright and airy, almost weightless.
• Sage (#B9B688): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#59824A): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#4B5372): A full-bodied, dusty violet — the color of wild irises.
• Deep Forest (#172D22): 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

• Tempered Stone color palette (#EAFAED, #B6B371, #697C43, #56576F, #2F493D)
• Aged Pine Courtyard color palette (#EAF6EB, #9BA674, #1F7742, #434263, #002319)
• Patina Canyon color palette (#ECF4EF, #A4CDC5, #55907D, #625D77, #243532)
• Aged Stone color palette (#FDF3EA, #CBC888, #7A9A72, #836977, #524000)
• Muted Harbor color palette (#F5F0F5, #C0E3EF, #3F98C0, #2F6D48, #1E2D41)
• Worn Driftwood color palette (#FBECFB, #DDF9DA, #AFCC95, #9A6A91, #422C37)
• Moonless Olive Grove color palette (#D5E7D6, #656F10, #00421B, #250D45, #000402)
• Terracotta Market color palette (#FBECFB, #E1868A, #009DBC, #A1404A, #002D37)

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