Spruce Alley color palette — #DCEDF1 · #7E9199 · #586E7E · #00312F · #000202

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

The five colors

• Frost (#DCEDF1): bright and airy, almost weightless.
• Slate Blue (#7E9199): A luminous, dusty blue — the color of deep harbor water.
• Slate (#586E7E): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#00312F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• 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 Alley 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

• Antique Abyss color palette (#DCE9EC, #A9BECA, #8393A8, #00463E, #000102)
• Softworn Navy Market color palette (#E1EAF6, #98A0B2, #74799C, #03346F, #00040E)
• Aged Archive color palette (#CFE6F3, #008F76, #006776, #003B70, #000102)
• Softworn Denim color palette (#DEECF2, #BFCED9, #91A6BE, #00606F, #071820)
• Petrol Ridge color palette (#ECF3F9, #D8D7E5, #C0BACA, #52799B, #252D35)
• Charred Navy color palette (#DCF4F7, #005D88, #223672, #360104, #090200)
• Fern Field color palette (#DFEEE6, #4C6100, #073401, #001912, #010100)
• Abyss Ridge color palette (#ECE4D2, #005153, #00263A, #1D0006, #000102)

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