Eclipse Spruce color palette — #D2E5DE · #393F47 · #232F00 · #0D1418 · #000300

Deep Forest takes the lead with Black close behind in a set that reads as nature and growth at first glance.

The five colors

• Silver (#D2E5DE): A whisper-light, dusty teal — the color of shallow lagoons.
• Charcoal (#393F47): a grounded near-black with real depth.
• Deep Forest (#232F00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#0D1418): a grounded near-black with real depth.
• Black (#000300): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Velvet Forest Villa color palette (#CCEEEA, #006818, #373A42, #001F21, #000706)
• Washed Dune color palette (#DEF4F7, #008875, #1C353E, #08191B, #020808)
• Velvet Thicket color palette (#EEEAD2, #535E63, #293200, #121F1D, #000603)
• Lowlit Terrace color palette (#CCECEB, #005B37, #6C004D, #002614, #040002)
• Obsidian Aubergine Terrace color palette (#D9EEE4, #004731, #310B81, #3E1400, #000201)
• Onyx Thicket color palette (#ECEFCD, #45653B, #004438, #1C0F39, #0C000D)
• Nocturne Drift color palette (#CEEDDD, #353F47, #2E2B00, #0B1418, #010300)
• Velvet Boulevard color palette (#CAEEE8, #3C3F47, #073401, #0F1419, #000302)

Browse the whole catalog at Explore, or see today's palette.