Tempered Spruce Boulevard color palette — #D4E2E4 · #7F9198 · #556E83 · #00322B · #000202
A conversation between Deep Forest and Slate, giving this palette its sense of sophistication.
The five colors
- Silver (#D4E2E4): a clean, paper-quiet neutral.
- Gray (#7F9198): A luminous, dusty blue — the color of deep harbor water.
- Slate (#556E83): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Forest (#00322B): A deep, shadowed, dusty teal — the color of glacier melt.
- 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 Tempered Spruce Boulevard 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
- Navy Harbor color palette (#DDE5ED, #96A0B5, #777997, #00395F, #00040D)
- Hushed Abyss color palette (#EAEFE9, #B3BEB4, #839889, #004641, #000200)
- Aged Denim color palette (#E2EBEE, #BECED9, #94A5BC, #006167, #08181E)
- Nocturne Navy Loft color palette (#CDEEE2, #106974, #1B2D63, #211100, #030200)
- Antique Coast color palette (#ECF2FA, #CCD3EA, #AAA8C4, #1758AD, #081A30)
- Tempered Bloom color palette (#D1F2FC, #009054, #00676F, #003A8D, #000102)
- Weathered Boulevard color palette (#ECF3F8, #D7D6E0, #C0B9C7, #557A95, #242D34)
- Inked Pier color palette (#DEEDE0, #5C5C12, #143200, #001915, #010100)
Browse the whole catalog at Explore, or see today's palette.