Spruce Alley color palette — #D0E7D9 · #645800 · #004312 · #002524 · #240700
Built around Forest, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#D0E7D9): A whisper-light, dusty teal — the color of shallow lagoons.
- Olive (#645800): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004312): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Onyx (#002524): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#240700): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Sophistication. Tagged muted.
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
- Twilit Spruce color palette (#DFF1E4, #5A4800, #003509, #2C0012, #110400)
- Softworn Olive Villa color palette (#E3E1CC, #868300, #485200, #283500, #002214)
- Chestnut Thicket color palette (#EED9E4, #8A3F00, #3F3700, #00270A, #280011)
- Abyss Basin color palette (#C6ECEA, #004A25, #002326, #000918, #020200)
- Amber Harbor color palette (#CBE7CF, #DD8100, #A37500, #616000, #211900)
- Patina Boulevard color palette (#CBF2E7, #537D00, #00594C, #00384C, #322000)
- Aubergine Summit color palette (#FDE1D7, #C04446, #006432, #2F008E, #29000C)
- Driftwood Study color palette (#ECF1D6, #798B62, #2D6562, #003E49, #14213E)
Browse the whole catalog at Explore, or see today's palette.