Spruce Alley color palette — #E7F2EC · #8F9E9A · #597778 · #2E2C00 · #000D06

Espresso and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E7F2EC): a clean, paper-quiet neutral.
• Taupe (#8F9E9A): a calm mid-gray that lets other colors speak.
• Slate (#597778): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#2E2C00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000D06): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, 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

• Weathered Spruce color palette (#E3E1D6, #8F8E7F, #5A744F, #292D00, #020100)
• Abyss Corridor color palette (#DFEDEF, #9BADB3, #678397, #004234, #00181A)
• Washed Onyx Atelier color palette (#F8E4CC, #4C7A67, #004E3A, #3A0038, #2A0001)
• Tempered Fern Quarry color palette (#E6F1EE, #C1CFCF, #85A7AF, #406000, #1D332E)
• Fern Ridge color palette (#C7EFE4, #A26F00, #406B00, #004039, #000301)
• Smoked Spruce color palette (#C7E9E3, #5A4E4D, #143700, #0D1F20, #000604)
• Eclipse Fern Loft color palette (#F9E5ED, #534C00, #002C1B, #1C001D, #020400)
• Patina Orchard color palette (#EFF7F7, #D5DBE0, #B7C0D1, #1C885F, #394C4C)

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