Spruce Ridge color palette — #DBE8EE · #839097 · #586E7E · #003038 · #000103

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

The five colors

• Frost (#DBE8EE): bright and airy, almost weightless.
• Gray (#839097): a calm mid-gray that lets other colors speak.
• Slate (#586E7E): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#003038): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• 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 Ridge 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

• Aged Dune color palette (#ECF2ED, #8F9E97, #7F687C, #003237, #020C04)
• Wandering Abyss Meadow color palette (#E6F1F6, #AEBDC8, #8493A8, #00454B, #000102)
• Patina Navy color palette (#DBEFFD, #008A9D, #006587, #003E80, #000103)
• Aged Terrace color palette (#DAE0EC, #9A9FB2, #777A91, #2A1C89, #010312)
• Patina Denim color palette (#E0EBF3, #C4CCD5, #97A5B7, #005C81, #0A1721)
• Deep Onyx Quarry color palette (#DEEAFF, #55597F, #372853, #320014, #0D0001)
• Lowlit Atelier color palette (#DCF4EF, #32653B, #00331C, #001913, #000200)
• Hushed Nightshade Corridor color palette (#EFF1FA, #CFD2E8, #A9A7CA, #5D44AC, #13182F)

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