Spruce Alley color palette — #E3EEEC · #809193 · #50707F · #133200 · #000201
Built around Deep Forest, softened by Slate — the whole palette hums with nature and growth.
The five colors
- Cream (#E3EEEC): a clean, paper-quiet neutral.
- Gray (#809193): a calm mid-gray that lets other colors speak.
- Slate (#50707F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Forest (#133200): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Black (#000201): quiet, heavy and certain.
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
- Timeworn Abyss Hollow color palette (#E4F3F8, #93A2AF, #6E7B9B, #003E42, #000508)
- Abyss Coast color palette (#ECEFE1, #B7BEAE, #84997E, #034A0C, #010100)
- Dusty Coast color palette (#E0ECEC, #C0CED3, #94A6B5, #05653F, #081919)
- Tempered Loft color palette (#C9E9EA, #7C7500, #007552, #00436A, #000201)
- Obsidian Forest Alley color palette (#CAE9DB, #276734, #00322B, #151500, #000200)
- Softworn Cypress Thicket color palette (#EBF4F6, #D4D7E0, #BCBACB, #46817D, #242E31)
- Twilit Loft color palette (#E3E8C8, #006B5C, #003D5C, #31070A, #110001)
- Smoked Veranda color palette (#F1E5F5, #345100, #00282D, #1C000C, #000201)
Browse the whole catalog at Explore, or see today's palette.