Spruce Loft color palette — #D2E1E7 · #80909A · #566E83 · #003035 · #000202

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

The five colors

• Silver (#D2E1E7): a clean, paper-quiet neutral.
• Slate Blue (#80909A): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#566E83): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#003035): A deep, shadowed, dusty blue — the color of open sky before noon.
• 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 Loft 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

• Patina Spruce color palette (#DFE8DF, #8F9E98, #81687A, #003234, #020D03)
• Abyss Lagoon color palette (#E1F2F6, #B0BDC6, #8692AA, #004546, #000102)
• Timeworn Veranda color palette (#E7EFFC, #9A9FB2, #797992, #1F2D75, #01040D)
• Dusty Chapel color palette (#E3EAEF, #C3CDD6, #99A4B6, #005E79, #071821)
• Lowlit Workshop color palette (#C2EAF7, #2F5F8F, #352B64, #360800, #090400)
• Soft Nightshade Field color palette (#D7F0FF, #008D8D, #006782, #061EA4, #000103)
• Timeworn Garden color palette (#EDF2F9, #D9D6E1, #C0BAC5, #5F7699, #282C33)
• Eclipse Fern Workshop color palette (#DAF3E9, #3E6429, #003318, #001916, #000200)

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