Timeworn Forest color palette — #FFF1F2 · #AB80A3 · #A66E66 · #2E6F3F · #4B3739

Built around Pine, softened by Mocha — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Dusty Rose (#AB80A3): A luminous, dusty pink — the color of peonies in June.
• Mocha (#A66E66): A full-bodied, dusty orange — the color of autumn markets.
• Pine (#2E6F3F): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#4B3739): 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 Forest 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

• Weathered Bronze color palette (#FEF1F6, #9C8FBD, #9A5D56, #006063, #593646)
• Washed Studio color palette (#EFF1FB, #9C87CA, #A27C29, #3A6B47, #20222E)
• Bronze Loft color palette (#FFF2EA, #B26D4F, #827022, #005E6B, #38312D)
• Patina Driftwood Terrace color palette (#FBF3F4, #DFD9D5, #A6AEA5, #9971A1, #5B4F51)
• Washed Lilac color palette (#FEF1F6, #B29DE3, #B39951, #578765, #49373F)
• Terracotta Atelier color palette (#FFF0FB, #E3B2BE, #AB6C8E, #914042, #653900)
• Pale Atelier color palette (#FFE8E9, #A24D89, #666500, #004E58, #3F191C)
• Indigo Corridor color palette (#FAF3F7, #DAB3CA, #AE684D, #6561B2, #332C28)

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