Spruce Studio color palette — #DFE9EC · #809099 · #5C6D7E · #00312F · #000202
A conversation between Deep Forest and Slate, giving this palette its sense of sophistication.
The five colors
- Frost (#DFE9EC): a clean, paper-quiet neutral.
- Slate Blue (#809099): A luminous, dusty blue — the color of open sky before noon.
- Slate (#5C6D7E): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Forest (#00312F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#000202): a grounded near-black with real depth.
Feels like: Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Spruce Studio 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
- Timeworn Meadow color palette (#E9EFF7, #9A9FB0, #7B7892, #003372, #000410)
- Dusty Abyss color palette (#E1E9E1, #B1BFB4, #7C9A89, #004547, #000200)
- Tempered Denim color palette (#E2EBEF, #C4CDD5, #98A4B9, #00606F, #0A181E)
- Navy Boulevard color palette (#DAF6EA, #0A636A, #173064, #210F00, #040600)
- Timeworn Nightshade Loft color palette (#DAECF6, #009666, #006F7A, #1700AA, #000103)
- Weathered Pier color palette (#EDF2F7, #D7D6DC, #C0B8C5, #387AB1, #262D34)
- Fern Terrace color palette (#DBF1E1, #535F0A, #013407, #001817, #010100)
- Ultramarine Basin color palette (#EBF2FE, #CFD3E4, #C09EC1, #2C4CC4, #0C1A30)
Browse the whole catalog at Explore, or see today's palette.