Eclipse Spruce color palette — #D6EDE9 · #5B4E4D · #153700 · #0D1F20 · #000604
Built around Deep Forest, softened by Honeydew — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D6EDE9): A whisper-light, dusty teal — the color of shallow lagoons.
- Charcoal Brown (#5B4E4D): a grounded near-black with real depth.
- Deep Forest (#153700): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Onyx (#0D1F20): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000604): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Inked Abyss color palette (#C1E5F2, #5A535A, #004246, #211C23, #000913)
- Fern Bloom color palette (#E5F4E7, #606209, #123400, #201400, #060600)
- Velvet Forest color palette (#D2E9E8, #00663D, #3C3941, #001F1F, #000C0C)
- Shadow Meadow color palette (#BDE8ED, #005F50, #700052, #002720, #11000A)
- Softworn Cerulean Veranda color palette (#E6F4FD, #008AAD, #2E3D53, #1E2B32, #12161A)
- Midnight Garnet color palette (#D9EFE7, #004B3A, #5F0042, #4A000E, #000201)
- Patina Olive Harbor color palette (#E0F7E9, #4F763F, #004C47, #3D0B24, #220400)
- Velvet Spruce Bloom color palette (#D2E4E3, #444850, #00381C, #171B21, #000505)
Browse the whole catalog at Explore, or see today's palette.