Tempered Spruce color palette — #E3EEF1 · #8B9DA7 · #627284 · #003231 · #000C10

Deep Forest and Slate set the tone — five colors that lean into sophistication.

The five colors

• Frost (#E3EEF1): bright and airy, almost weightless.
• Blue Fog (#8B9DA7): A luminous, dusty blue — the color of open sky before noon.
• Slate (#627284): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#003231): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000C10): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Abyss Hollow color palette (#DDE4E7, #90A9B5, #628DA4, #004F53, #000B10)
• Wandering Navy Corridor color palette (#E1E9F3, #A3A8BB, #7E7B97, #00327A, #091423)
• Denim Garden color palette (#E9F0F3, #C2CED9, #94A1BA, #005F70, #1A313C)
• Abyss Balcony color palette (#D4F3EB, #307470, #133E5C, #361100, #0B1302)
• Cellar Hollow color palette (#C2E4F8, #5B554D, #003342, #19171F, #000312)
• Nightshade Dune color palette (#CEE5F0, #00996D, #006978, #1E00A4, #000407)
• Velvet Fern Pier color palette (#D3E4D8, #55651C, #00350D, #001B1B, #050700)
• Ancient Ultramarine color palette (#F0F5FF, #CED1E7, #A9A0C4, #3144CD, #25334C)

Browse the whole catalog at Explore, or see today's palette.