Spruce Garden color palette — #E2E7D2 · #333E46 · #272E00 · #0D1519 · #000301
Deep Forest takes the lead with Parchment close behind in a set that reads as nature and growth at first glance.
The five colors
- Parchment (#E2E7D2): A whisper-light, dusty green — the color of a quiet forest floor.
- Charcoal (#333E46): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Forest (#272E00): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#0D1519): a grounded near-black with real depth.
- Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Spruce Garden 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
- Velvet Fern color palette (#D2F3ED, #1E6600, #353B43, #001F1D, #000706)
- Hushed Cerulean color palette (#E0F1F7, #0094A0, #2D3D4F, #152024, #070E0E)
- Nocturne Basalt Loft color palette (#F3E3E8, #4E4300, #3D2300, #1B0E05, #020200)
- Shadow Garden color palette (#D6EDE7, #006850, #003035, #2C0013, #000201)
- Eclipse Garnet color palette (#E4F4E8, #005C2D, #690057, #00260F, #040002)
- Inked Garnet color palette (#E1F4E7, #004828, #5B003C, #3F000A, #000201)
- Charred Spruce Grove color palette (#D5EBE7, #383E46, #153200, #0F1419, #000302)
- Lowlit Spruce Bloom color palette (#D2E6DF, #3F454E, #283300, #11191E, #010600)
Browse the whole catalog at Explore, or see today's palette.