Eclipse Spruce Quarry color palette — #DFE2C7 · #0F4400 · #002B4F · #2B0006 · #000300

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

The five colors

• Celadon Mist (#DFE2C7): A whisper-light, dusty green — the color of new leaves after rain.
• Forest (#0F4400): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Midnight (#002B4F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#2B0006): A deep, shadowed, dusty red — the color of a theater curtain.
• Black (#000300): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged dark, muted.

Use it as a design system

One click turns Eclipse Spruce Quarry 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

• Deep Veranda color palette (#FFEBE3, #165A01, #002932, #230001, #000503)
• Twilit Aubergine color palette (#C8E7E0, #194100, #2A0075, #270019, #000201)
• Patina Spruce color palette (#E2E4DD, #939D93, #57796C, #00341D, #070B00)
• Velvet Forest color palette (#DCE3C2, #006E32, #003A38, #00131A, #000017)
• Twilit Navy Loft color palette (#CFEFDE, #003E50, #00265E, #16003B, #000203)
• Lowlit Chapel color palette (#E6DAE7, #004480, #3E0986, #390800, #00040F)
• Dusty Aubergine Pier color palette (#ECEECE, #3A741B, #3B008C, #4E0033, #000200)
• Aubergine Lagoon color palette (#E0E0C5, #55821E, #542880, #592800, #102000)

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