Eclipse Spruce color palette — #D3E8E3 · #214100 · #002B4F · #001328 · #010200
Forest and Midnight set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D3E8E3): A whisper-light, dusty teal — the color of glacier melt.
- Forest (#214100): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Midnight (#002B4F): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#001328): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#010200): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged dark, muted.
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
- Navy Parlor color palette (#D0EAD5, #483400, #071B71, #020049, #030100)
- Velvet Onyx color palette (#D3F2F4, #004030, #002319, #15001F, #020200)
- Olive Veranda color palette (#EBDFBF, #5B6E00, #003A1B, #001212, #010206)
- Obsidian Cabin color palette (#DFF1F2, #004232, #3F005D, #1F0030, #000201)
- Smoked Cocoa Chapel color palette (#FCE7EF, #5B3000, #00222F, #170300, #000203)
- Chestnut Bloom color palette (#E1EEE4, #705700, #002F33, #261C00, #000203)
- Spruce Workshop color palette (#DFEBE7, #8D9E9E, #5D757D, #233000, #000D08)
- Ancient Delta color palette (#D5F3E3, #5C5400, #004680, #430052, #020200)
Browse the whole catalog at Explore, or see today's palette.