Spruce Alley color palette — #E5F7EE · #00708F · #5A5300 · #00440D · #010D01
Built around Forest, softened by Peacock — the whole palette hums with nature and growth.
The five colors
- Cream (#E5F7EE): A whisper-light, dusty teal — the color of sea glass.
- Peacock (#00708F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#5A5300): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#00440D): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#010D01): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant, 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
- Tempered Delta color palette (#EBF6E3, #007962, #733600, #463700, #0C0D00)
- Patina Sapphire Workshop color palette (#FDECF9, #3963C2, #086318, #003833, #000E08)
- Amethyst Grove color palette (#FFECF3, #844DD1, #006455, #003B48, #040927)
- Wisteria Corridor color palette (#FFF1F4, #C079D9, #9B5E17, #4C5700, #000E08)
- Wandering Forest color palette (#EBF7FF, #009CC9, #7A7300, #00661C, #002027)
- Hushed Lilac color palette (#FDEDF3, #9B86BF, #17776A, #1A5867, #241622)
- Linen Garnet Drift color palette (#F7F3FF, #89407F, #852500, #003F23, #111A31)
- Nightshade Bloom color palette (#EFDAEA, #2E33BE, #003715, #002322, #000103)
Browse the whole catalog at Explore, or see today's palette.