Timeworn Olive color palette — #FFF1F2 · #CC97C3 · #C68B78 · #558A4D · #4F3538

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Mauve (#CC97C3): A luminous, balanced pink — the color of a candy shop window.
• Caramel (#C68B78): A luminous, dusty orange — the color of autumn markets.
• Fern (#558A4D): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#4F3538): A deep, shadowed, dusty red — the color of embers at dusk.

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

• Timeworn Cabin color palette (#FBF1FC, #87AFD9, #C78A79, #498A66, #463748)
• Tempered Garden color palette (#FFF2EC, #DD8276, #89984A, #007C94, #38312E)
• Muted Studio color palette (#FEF2F1, #D39FBA, #649B79, #377853, #244C36)
• Mallow Studio color palette (#F3F4FF, #D1B2FE, #ABB57C, #5C8E7C, #2F3040)
• Timeworn Coast color palette (#F3F4FF, #9982C5, #997B2E, #416B45, #3A3C4D)
• Patina Studio color palette (#FFF2EE, #E96371, #BD6200, #007A46, #4A191E)
• Tempered Rust Workshop color palette (#FFF0FA, #D9BFEB, #C486A0, #A75647, #693A00)
• Tempered Ash color palette (#FBF3F4, #DFD9D4, #B2B3A8, #B18CB7, #5C4E51)

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