Worn Spruce color palette — #E1EEEB · #8C9E9B · #567876 · #1F3100 · #000C09

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

The five colors

• Cream (#E1EEEB): bright and airy, almost weightless.
• Blue Fog (#8C9E9B): A luminous, dusty teal — the color of sea glass.
• Slate (#567876): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#1F3100): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#000C09): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Abyss Lantern color palette (#DDEAEE, #9AADB4, #668493, #004040, #00171E)
• Timeworn Fern color palette (#EAE9DD, #A3A795, #798D6F, #3D4C00, #0C0901)
• Wandering Forest Drift color palette (#E7F1F0, #BBD1D1, #8BA6A9, #186534, #203230)
• Quiet Bloom color palette (#D4F1ED, #6A9500, #007033, #004132, #000802)
• Cypress Workshop color palette (#D1F5E5, #007E72, #00484C, #0D1D4D, #100C2D)
• Spruce Summit color palette (#CCE5E4, #464750, #00381B, #161A20, #000603)
• Worn Spruce color palette (#E4EFEA, #8B9F98, #537971, #2C2D00, #010C07)
• Patina Boulevard color palette (#DDECEA, #899F9E, #55787A, #00350E, #000C0B)

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