Eclipse Spruce color palette — #D3E4D0 · #5C5E67 · #003632 · #171C22 · #00050A

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

The five colors

• Celadon Mist (#D3E4D0): A whisper-light, dusty green — the color of a quiet forest floor.
• Graphite (#5C5E67): quiet, heavy and certain.
• Deep Forest (#003632): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#171C22): a grounded near-black with real depth.
• Ink (#00050A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Moonless Cypress Alley color palette (#D4E8ED, #006A66, #002633, #070F12, #000203)
• Twilit Cocoa Dune color palette (#D1E4D6, #005C68, #5C3300, #00262C, #0C0400)
• Timeworn Onyx color palette (#E0F5ED, #006D72, #00414C, #001B2D, #040037)
• Midnight Onyx color palette (#D6F3E6, #004C67, #08191B, #0B0039, #000402)
• Worn Cobalt Orchard color palette (#D7E9E3, #0078B6, #462638, #0D241E, #070F0E)
• Hushed Navy color palette (#E7DDD7, #51899C, #003E6E, #00231B, #06012A)
• Muted Navy Pier color palette (#E0EFD0, #007367, #00416E, #341500, #1A0800)
• Shadow Ultramarine color palette (#F6E5F4, #072AF8, #2F0542, #020A27, #000A05)

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