Spruce Alley color palette — #DCE7EB · #7493A1 · #536F80 · #003035 · #000202

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

The five colors

• Frost (#DCE7EB): a clean, paper-quiet neutral.
• Slate Blue (#7493A1): A luminous, dusty blue — the color of deep harbor water.
• Slate (#536F80): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• 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: Calm, Sophistication. Tagged scandi, muted, light, cool.

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

• Softworn Lagoon color palette (#CFE9F8, #00898F, #00647A, #003A5E, #000102)
• Abyss Field color palette (#DDE9EC, #A9BECB, #7E94AD, #004545, #000102)
• Tempered Navy color palette (#DADFE9, #949FBC, #727A9D, #1B297F, #010411)
• Tempered Denim color palette (#E2EAEF, #BBCEDE, #95A6B7, #005E78, #071821)
• Denim Meadow color palette (#CCE7F6, #245E93, #253361, #2E092A, #0E0005)
• Softworn Petrol color palette (#EDF2F9, #D8D6E4, #BFBBC8, #5F7699, #262D35)
• Obsidian Station color palette (#E1F1E3, #00505D, #002639, #130022, #000102)
• Fern Archive color palette (#D4E5DF, #306800, #00340A, #00190F, #000201)

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