Eclipse Spruce color palette — #E9F0DD · #52565E · #003822 · #101E1D · #000506

Built around Deep Forest, softened by Cream — the whole palette hums with sophistication and depth.

The five colors

• Cream (#E9F0DD): A whisper-light, dusty green — the color of new leaves after rain.
• Charcoal Brown (#52565E): a grounded near-black with real depth.
• Deep Forest (#003822): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#101E1D): a grounded near-black with real depth.
• Ink (#000506): quiet, heavy and certain.

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

• Twilit Meadow color palette (#D8F4DC, #006950, #003A3A, #001C21, #020610)
• Aged Garnet Meadow color palette (#D7F6F4, #005E5C, #790209, #002626, #140000)
• Cobalt Ridge color palette (#E3F7F2, #2C81CB, #473740, #1D2C28, #0E1716)
• Softworn Lagoon color palette (#EEDED5, #009391, #004451, #002412, #000B14)
• Garnet Courtyard color palette (#C7F4F5, #00494B, #650021, #450E00, #000202)
• Deep Denim color palette (#D0E6F5, #00618D, #141845, #00110B, #000202)
• Cypress Dune color palette (#DDECCB, #007B5A, #004554, #371012, #240003)
• Twilit Spruce color palette (#DCEAD5, #4F525A, #00362E, #0C1E1E, #000507)

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