Eclipse Spruce color palette — #F8EAD0 · #342900 · #002116 · #000E11 · #040100

Espresso and Ink set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F8EAD0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Espresso (#342900): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#002116): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000E11): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#040100): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, 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

• Shadow Basalt Archive color palette (#FFE8D7, #4F1F00, #121E00, #1A0016, #050100)
• Bronze Coast color palette (#E7E2D8, #A29980, #807026, #342A00, #0D0801)
• Fern Parlor color palette (#E2E0CE, #3A4F00, #003233, #320E00, #0D0800)
• Obsidian Field color palette (#D8E5D8, #674700, #003A47, #1A004B, #070001)
• Soft Bloom color palette (#F3E5D2, #6D4900, #610977, #530029, #1F0A00)
• Aubergine Alley color palette (#E7FCDA, #006955, #004381, #2F0070, #051C00)
• Patina Bronze Bloom color palette (#E8E3D2, #987C00, #636700, #204B00, #020200)
• Tempered Studio color palette (#FEF4E4, #8A6200, #672E72, #66132F, #311A07)

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