Spruce Field color palette — #DEE4C6 · #384343 · #00340D · #0C1714 · #000302
Deep Forest takes the lead with Celadon Mist close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#DEE4C6): A whisper-light, dusty green — the color of fresh herbs.
- Charcoal (#384343): quiet, heavy and certain.
- Deep Forest (#00340D): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#0C1714): a grounded near-black with real depth.
- Black (#000302): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Spruce Field 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
- Nocturne Abyss color palette (#D6EBD4, #004F4C, #21262C, #001308, #000200)
- Midnight Station color palette (#EAF0DE, #00804E, #00322C, #0D1300, #040400)
- Cellar Quarry color palette (#DBE4D8, #00594F, #700039, #002520, #040001)
- Aged Cabin color palette (#E0F2EB, #408CB4, #463545, #13221C, #080E0A)
- Inked Aubergine Hollow color palette (#C5EBE7, #004542, #48006C, #341D00, #000201)
- Obsidian Onyx Veranda color palette (#D4E5CE, #236D52, #003F42, #2B043B, #0B0004)
- Weathered Navy Grove color palette (#EFE5D7, #4F7E9D, #003B72, #001E24, #00000C)
- Charred Pier color palette (#E8E6C7, #384342, #1E3000, #0E1713, #000301)
Browse the whole catalog at Explore, or see today's palette.