Spruce Field color palette — #D2E8E8 · #3B3F46 · #00331E · #101419 · #000303
Deep Forest and Frost set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#D2E8E8): A whisper-light, dusty teal — the color of shallow lagoons.
- Charcoal (#3B3F46): a grounded near-black with real depth.
- Deep Forest (#00331E): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#101419): a grounded near-black with real depth.
- Black (#000303): a grounded near-black with real depth.
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
- Lowlit Dune color palette (#CBF9F9, #5D5450, #003823, #131E22, #000605)
- Dusty Petrol Studio color palette (#D3ECF8, #008398, #233246, #08181F, #010809)
- Garnet Bloom color palette (#CDE8E9, #004548, #620203, #301600, #000202)
- Obsidian Hollow color palette (#DCF5FF, #005760, #710031, #002328, #040001)
- Forest Lantern color palette (#E3E0C4, #356841, #003B4B, #300B09, #0C0000)
- Moonless Denim color palette (#DEF2FF, #00628C, #29252B, #1B1446, #000911)
- Moonless Spruce color palette (#D4EEF5, #3E3E45, #003130, #12131A, #000206)
- Midnight Spruce Thicket color palette (#BFEDE6, #393F46, #063402, #0F1419, #000303)
Browse the whole catalog at Explore, or see today's palette.