Eclipse Spruce color palette — #E3EAD1 · #555961 · #003818 · #121F1C · #000603

Built around Deep Forest, softened by Parchment — the whole palette hums with nature and growth.

The five colors

• Parchment (#E3EAD1): A whisper-light, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#555961): quiet, heavy and certain.
• Deep Forest (#003818): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#121F1C): a grounded near-black with real depth.
• Ink (#000603): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Cypress Ridge color palette (#E2ECE0, #00736A, #102D15, #0D170A, #010503)
• Abyss Drift color palette (#D8F7E4, #5A4F56, #00404E, #15161D, #000A11)
• Twilit Parlor color palette (#E2EDE0, #005E58, #3E1998, #002724, #06001F)
• Navy Lantern color palette (#C7EAE9, #004949, #002B7B, #192A00, #000202)
• Hushed Delta color palette (#E4F7F0, #3784B5, #443844, #1E2C27, #0E1717)
• Inked Bloom color palette (#DEF4F2, #005423, #2B2931, #00110F, #000300)
• Patina Navy color palette (#E2E6DA, #5B85A7, #003D70, #00202D, #00071F)
• Tempered Market color palette (#CBF0E4, #1C716B, #00434C, #141D50, #18043A)

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