Worn Spruce color palette — #F2F7ED · #E6B3A1 · #206D56 · #294100 · #1D2822

Deep Olive takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F2F7ED): a clean, paper-quiet neutral.
• Sand (#E6B3A1): A luminous, dusty orange — the color of autumn markets.
• Pine (#206D56): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#294100): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#1D2822): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Worn 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

• Patina Fern Summit color palette (#F7F5EC, #DABA92, #606231, #3A3932, #23271E)
• Fern Pier color palette (#F3F7EB, #EACD92, #5E896A, #475408, #2A2C25)
• Hushed Ash color palette (#EAF9F9, #FAD1E0, #78A9A9, #557474, #212E2E)
• Tempered Denim color palette (#ECF9F3, #DC9B9A, #00587E, #00324A, #162520)
• Muted Cobalt color palette (#F5F6EF, #A1CE9C, #5A7AC7, #4A7B46, #342A32)
• Indigo Veranda color palette (#F2F7EF, #47927E, #6961AE, #6F4814, #2D3526)
• Washed Delta color palette (#D0E6DB, #B8566C, #49424C, #002C3A, #000B11)
• Patina Lagoon color palette (#F3F7F1, #D2DEDD, #C6B4A8, #528F82, #50544E)

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