Spruce Workshop color palette — #CAE5F4 · #00768F · #5B4F00 · #164100 · #000202
A conversation between Forest and Teal, giving this palette its sense of nature and growth.
The five colors
- Frost (#CAE5F4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#00768F): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#5B4F00): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#164100): A deep, shadowed, balanced green — the color of fresh herbs.
- Black (#000202): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.
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 Pier color palette (#D1F5FB, #00766A, #783D00, #393300, #000300)
- Frosted Corridor color palette (#E9EEFF, #693BE1, #00684B, #003F48, #000207)
- Tempered Ridge color palette (#E2EFFF, #0088E7, #578400, #006351, #00070B)
- Feathered Azure color palette (#E0F1FF, #00A5E3, #7E8C00, #007841, #001617)
- Feathered Byzantium Ridge color palette (#F0EDFD, #A346A5, #9E1239, #522B00, #020200)
- Mulberry Courtyard color palette (#FAE9F5, #8F5BC8, #89268E, #691B00, #07000E)
- Antique Iris color palette (#F0F5FF, #899DFF, #59A96B, #008481, #0A2233)
- Charred Veranda color palette (#E7E9FF, #6100BF, #620022, #241B00, #000203)
Browse the whole catalog at Explore, or see today's palette.