Eclipse Spruce color palette — #E7E1C9 · #546430 · #193300 · #001B1A · #040700
Deep Forest and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#E7E1C9): A whisper-light, dusty green — the color of fresh herbs.
- Olive (#546430): A full-bodied, dusty green — the color of new leaves after rain.
- Deep Forest (#193300): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#001B1A): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#040700): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.
Use it as a design system
One click turns Eclipse Spruce 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
- Obsidian Onyx color palette (#F8E7D2, #635900, #1F3000, #0D0344, #010100)
- Tempered Fern color palette (#DFF0DE, #807623, #344F00, #212458, #070600)
- Moss Lantern color palette (#DDEFE6, #7E9400, #496F00, #00544D, #000805)
- Washed Lagoon color palette (#E1E7D6, #328C6E, #005144, #003349, #002116)
- Eclipse Archive color palette (#EDD8DE, #712792, #004753, #330048, #00070A)
- Muted Garnet color palette (#F7EACE, #979746, #556200, #771D25, #313000)
- Navy Thicket color palette (#E2E7D9, #5D84AA, #00387E, #002030, #010030)
- Lowlit Aubergine Atelier color palette (#EDE2ED, #914B92, #4B004B, #221204, #150017)
Browse the whole catalog at Explore, or see today's palette.