Spruce Loft color palette — #E3EFF6 · #858E9A · #646984 · #002F3A · #000103

Deep Forest takes the lead with Slate close behind in a set that reads as sophistication at first glance.

The five colors

• Frost (#E3EFF6): bright and airy, almost weightless.
• Slate Blue (#858E9A): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#646984): A full-bodied, dusty violet — the color of twilight just after sunset.
• Deep Forest (#002F3A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000103): 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

• Navy Study color palette (#E3E6EC, #8A8C9E, #716483, #041974, #000106)
• Patina Abyss Station color palette (#EAF1EE, #A8C1B9, #A487A0, #004356, #000201)
• Patina Denim color palette (#E4EAEF, #C6CBD8, #A2A0BA, #005B86, #0C1720)
• Aged Navy Chapel color palette (#DAE2EC, #B0B2C0, #9386A7, #063A97, #040B16)
• Obsidian Aubergine color palette (#D2E9E5, #356080, #451C63, #181B00, #050500)
• Nightshade Study color palette (#EEF1FF, #D5D1E2, #D797A2, #5F44A9, #161928)
• Muted Petrol Cabin color palette (#EFF2F8, #DBD5DE, #CDB6C5, #6472A3, #282C34)
• Pale Station color palette (#D4E8FF, #00877E, #00668F, #620078, #000108)

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