Eclipse Spruce color palette — #CCE5E1 · #544947 · #0A3B01 · #001A21 · #100500

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

The five colors

• Silver (#CCE5E1): A whisper-light, dusty teal — the color of glacier melt.
• Charcoal Brown (#544947): quiet, heavy and certain.
• Forest (#0A3B01): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#001A21): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#100500): A deep, shadowed, dusty gold — the color of old brass.

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

• Velvet Balcony color palette (#BDE7EF, #413F46, #00322C, #111319, #000303)
• Basalt Lantern color palette (#DFEDE2, #516051, #413000, #002014, #150003)
• Velvet Onyx color palette (#D8EDF2, #003D39, #00085C, #091417, #060600)
• Patina Denim Orchard color palette (#DFF7FD, #008C8A, #45599D, #3B4000, #031819)
• Quiet Aubergine color palette (#D9F3FF, #00697A, #4F00B3, #123400, #000604)
• Inked Navy color palette (#D9F4FA, #00564D, #00266B, #201C00, #000200)
• Turquoise Workshop color palette (#E6F5FB, #1FA6B5, #836C36, #3F5429, #081D1F)
• Olive Meadow color palette (#D1FDF4, #518600, #005D6A, #512700, #0E0C00)

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