Spruce Workshop color palette — #E5EFED · #8D9D9E · #57777D · #023506 · #000C0B
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 (#E5EFED): a clean, paper-quiet neutral.
- Blue Fog (#8D9D9E): soft and architectural.
- Slate (#57777D): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Forest (#023506): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#000C0B): 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 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
- Abyss Balcony color palette (#D9EAF1, #9CACB6, #6F8195, #003F48, #001720)
- Weathered Fern Balcony color palette (#E4E4DD, #9EA898, #748D7D, #205300, #0A0A00)
- Forest Hollow color palette (#E5F1F2, #BFD0D3, #8EA5AD, #006549, #1E3233)
- Antique Cypress color palette (#DDF5E8, #007873, #003F53, #35142E, #260005)
- Gentle Study color palette (#CFF5F5, #638F00, #00714A, #004B55, #000403)
- Moonless Forest Field color palette (#D7F2EA, #3A6A3E, #003422, #111A00, #000901)
- Twilit Spruce color palette (#C9F5F9, #474850, #00372A, #181B21, #000506)
- Velvet Forest Station color palette (#E3F2E6, #005A28, #002A29, #1B0021, #000502)
Browse the whole catalog at Explore, or see today's palette.