Timeworn Spruce color palette — #E0ECE9 · #879FA0 · #5A767D · #173300 · #000C0A

Built around Deep Forest, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Cream (#E0ECE9): bright and airy, almost weightless.
• Blue Fog (#879FA0): A luminous, dusty teal — the color of sea glass.
• Slate (#5A767D): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#173300): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#000C0A): 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 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

• Muted Abyss color palette (#E2EFF4, #96ADBD, #6E8199, #004043, #00171E)
• Timeworn Fern Dune color palette (#EEEDE2, #A0A897, #728F78, #334F00, #0B0A00)
• Muted Forest Station color palette (#E7F1F0, #B9D1D6, #87A6B4, #14653B, #1F3231)
• Tempered Moss color palette (#C6E6E8, #898A00, #007647, #00404B, #000604)
• Washed Cypress Coast color palette (#D6E9C9, #007363, #00485F, #3E020C, #180600)
• Twilit Fern color palette (#FFE0CF, #255800, #002A2A, #1F0015, #000502)
• Lowlit Onyx color palette (#CFEFEB, #074B0A, #1B005C, #19000B, #060000)
• Spruce Atelier color palette (#DFECE6, #80A29D, #59777A, #2A2E00, #000D07)

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