Eclipse Spruce color palette — #E6F3E6 · #505059 · #003131 · #111419 · #000305
Deep Forest and Cream set the tone — five colors that lean into sophistication and depth.
The five colors
- Cream (#E6F3E6): A whisper-light, dusty green — the color of a quiet forest floor.
- Charcoal Brown (#505059): a grounded near-black with real depth.
- Deep Forest (#003131): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#111419): quiet, heavy and certain.
- Ink (#000305): a grounded near-black with real depth.
Feels like: 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
- Denim Villa color palette (#DCEAE1, #005F72, #212E35, #001A37, #000703)
- Midnight Cocoa Villa color palette (#D2EADE, #00546E, #5B2E00, #00222F, #030100)
- Cellar Onyx color palette (#E8E8CF, #2A645D, #00394C, #2F0400, #060300)
- Nocturne Dune color palette (#F8E7D7, #6B5500, #272E00, #00190F, #020100)
- Antique Navy Atelier color palette (#F4E7DE, #508094, #003D6C, #001F1E, #00000C)
- Tempered Quarry color palette (#F5E9F0, #7B7CB6, #48353A, #271922, #100A10)
- Moonless Cabin color palette (#F0D6E9, #3731E8, #2B0C3F, #030029, #000201)
- Moonless Spruce color palette (#CEE9D6, #51505A, #003038, #12141A, #000207)
Browse the whole catalog at Explore, or see today's palette.