Timeworn Spruce color palette — #F7F6E7 · #6EA990 · #007175 · #673E3B · #293D00

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

The five colors

• Ivory (#F7F6E7): bright and airy, almost weightless.
• Jade (#6EA990): A luminous, dusty teal — the color of sea glass.
• Teal (#007175): A full-bodied, balanced teal — the color of glacier melt.
• Cocoa (#673E3B): A full-bodied, dusty orange — the color of sun-warmed clay.
• Forest (#293D00): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Timeworn Spruce 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

• Ancient Balcony color palette (#FDF4E7, #97A072, #3E704B, #613F4C, #37362F)
• Washed Cypress color palette (#E2F7F3, #7BAAA9, #007661, #613E13, #002221)
• Soft Moss color palette (#F7EACF, #70A33E, #006B4E, #514200, #1D3600)
• Hushed Quarry color palette (#FDF3E9, #B2B386, #5A7E59, #7B4F0D, #504100)
• Worn Canyon color palette (#E1EAC1, #3B8D51, #9C4B82, #893443, #292F0F)
• Airy Emerald color palette (#EAF3DA, #31A56D, #965FA9, #00683E, #44284E)
• Muted Powder Market color palette (#F7F7DF, #9CE3DB, #82BAE8, #756729, #40423B)
• Timeworn Olive color palette (#E8DFC5, #949F39, #427F25, #005A40, #00433E)

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