Spruce Workshop color palette — #E7F1F6 · #8E9BA9 · #686F8B · #00313A · #000B12
A conversation between Deep Forest and Slate, giving this palette its sense of sophistication.
The five colors
- Cream (#E7F1F6): bright and airy, almost weightless.
- Blue Fog (#8E9BA9): A luminous, dusty blue — the color of open sky before noon.
- Slate (#686F8B): A full-bodied, dusty violet — the color of wild irises.
- Deep Forest (#00313A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000B12): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: 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
- Tempered Canyon color palette (#D9E7DF, #7D938B, #7C607A, #002F3C, #000201)
- Aged Abyss Lantern color palette (#D3E0E8, #98A7B4, #79879B, #004D60, #020B11)
- Weathered Chapel color palette (#DCE1EB, #A8A7B7, #9E6F81, #2D1592, #0E1320)
- Washed Navy Workshop color palette (#D9E0EA, #B4B8C8, #9287AC, #10447F, #14202F)
- Aubergine Meadow color palette (#C5EEF5, #1C6F97, #4C286E, #1E2000, #020F02)
- Tempered Petrol Lantern color palette (#F0F6FB, #DCD7E6, #B4B0C4, #2B689A, #333C44)
- Aubergine Alley color palette (#E2F0FA, #009987, #006196, #640079, #000017)
- Muted Grape color palette (#F2F5FF, #D4CFE3, #CC96A0, #5F36BF, #2D3146)
Browse the whole catalog at Explore, or see today's palette.