Spruce Garden color palette — #D8E6E9 · #80909B · #616B7E · #003131 · #000202

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

The five colors

• Frost (#D8E6E9): bright and airy, almost weightless.
• Slate Blue (#80909B): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#616B7E): A full-bodied, dusty violet — the color of wild irises.
• Deep Forest (#003131): 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 Spruce Garden 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 Hollow color palette (#E2EAF5, #9B9FB1, #807596, #023272, #000410)
• Abyss Delta color palette (#DCE4DD, #ABC1B4, #7C998F, #004549, #000200)
• Ancient Lantern color palette (#DFEBF2, #C5CCD5, #9EA2B7, #005F72, #061821)
• Cellar Navy color palette (#DDF0E8, #1E6377, #33336C, #1A1400, #070500)
• Worn Petrol Atelier color palette (#EDF2F8, #D9D6DE, #C4B8C4, #52799E, #252D35)
• Ancient Ultramarine color palette (#EBF2FF, #D2D2E5, #B2A5BD, #3D4BBC, #101A2C)
• Fern Cabin color palette (#E0F6E3, #506007, #00331A, #00171D, #010100)
• Washed Aubergine Field color palette (#D9EAF2, #00934B, #006C88, #470086, #000103)

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