Tempered Spruce color palette — #DEEFF0 · #7A9299 · #536F80 · #003323 · #000202
Deep Forest and Slate set the tone — five colors that lean into sophistication.
The five colors
- Frost (#DEEFF0): a clean, paper-quiet neutral.
- Slate Blue (#7A9299): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#536F80): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Forest (#003323): 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 Tempered Spruce 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
- Washed Study color palette (#D8E0E6, #90A1BA, #737A98, #003B53, #00050B)
- Abyss Study color palette (#E5EAE1, #AFC1AB, #849885, #00473A, #000200)
- Tempered Basin color palette (#DEECEF, #B7D0DD, #92A6BA, #00625E, #04191E)
- Navy Veranda color palette (#C5EADA, #006C74, #1D396A, #280D00, #070100)
- Dusty Thicket color palette (#CBEFEC, #1F8F14, #007171, #003B85, #000102)
- Antique Study color palette (#EBF3F8, #D5D7E1, #BFB9CD, #467E90, #252D32)
- Fern Thicket color palette (#FDE3EB, #665800, #232F00, #001911, #020100)
- Abyss Villa color palette (#FFDDD5, #005440, #002735, #1D0003, #000201)
Browse the whole catalog at Explore, or see today's palette.