Eclipse Loft color palette — #EEE6CE · #4A4500 · #00366A · #2C0042 · #010100

Deep Indigo takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#EEE6CE): A whisper-light, dusty green — the color of new leaves after rain.
• Deep Olive (#4A4500): A deep, shadowed, balanced green — the color of new leaves after rain.
• Navy (#00366A): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#2C0042): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#010100): a grounded near-black with real depth.

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

Use it as a design system

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

• Onyx Lantern color palette (#EAE7CF, #3B4100, #00244C, #21001A, #030100)
• Onyx Orchard color palette (#F1DDCD, #673400, #003E45, #0C005F, #030100)
• Charred Aubergine color palette (#E0F4D8, #205100, #3B008F, #380025, #000200)
• Shadow Workshop color palette (#FFEBCD, #1B6700, #00372F, #210033, #000201)
• Aubergine Coast color palette (#F4EED6, #646400, #413AA1, #220075, #010100)
• Wandering Ultramarine color palette (#D2EDDF, #6A6300, #0046BC, #500071, #050500)
• Washed Aubergine Ridge color palette (#E8F2E5, #006055, #6B176C, #510103, #000302)
• Hushed Spruce Pier color palette (#E9E9E1, #9DA38F, #728167, #214000, #050500)

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