Spruce Workshop color palette — #E5EFEE · #8F9DA0 · #5B7486 · #00351B · #000C0C

Deep Forest and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E5EFEE): bright and airy, almost weightless.
• Blue Fog (#8F9DA0): a calm mid-gray that lets other colors speak.
• Slate (#5B7486): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#00351B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000C0C): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Spruce Workshop 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 Spruce Quarry color palette (#E9EDE3, #859281, #55745A, #003320, #010200)
• Abyss Corridor color palette (#D7E3EB, #A2AAB5, #7A7D98, #003E4F, #001623)
• Hushed Forest color palette (#E8F0F1, #C2CED4, #91A2B7, #006354, #1D3235)
• Washed Cypress color palette (#F3EFCF, #3A6F54, #004957, #2D1E00, #140C00)
• Eclipse Spruce color palette (#CBF2FB, #60565B, #003632, #171C22, #00050A)
• Olive Ridge color palette (#D0E2E5, #758600, #006C4F, #004182, #000404)
• Fern Drift color palette (#F1DAD7, #275800, #002930, #230001, #000502)
• Dusty Petrol color palette (#EFF6FA, #D9DAE3, #C2BDCA, #2C818F, #40494E)

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