Spruce Garden color palette — #F5ECDC · #5A4800 · #063402 · #001817 · #130300
A conversation between Deep Forest and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F5ECDC): A whisper-light, dusty gold — the color of old brass.
- Deep Olive (#5A4800): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#063402): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#001817): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#130300): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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
- Eclipse Cocoa Terrace color palette (#ECDBCE, #753500, #302B00, #001A08, #160005)
- Shadow Veranda color palette (#F4EFDF, #364344, #473700, #121912, #0A0800)
- Softworn Olive Station color palette (#E7E5D0, #767300, #3C4300, #1C2700, #091700)
- Inked Villa color palette (#E4E9CD, #055A11, #00322F, #001623, #0C0600)
- Amber Orchard color palette (#E9E0D2, #C97B00, #8B6800, #4A4600, #0C0800)
- Hushed Chestnut Garden color palette (#D5EAD5, #895C00, #005334, #002944, #120013)
- Pine Meadow color palette (#E1E5C5, #1E7E0B, #005150, #003050, #261F00)
- Hazy Bronze Corridor color palette (#EBE5D7, #948000, #746400, #004578, #0F0500)
Browse the whole catalog at Explore, or see today's palette.