Eclipse Onyx color palette — #E8E1D2 · #4C4000 · #002A3C · #1D002D · #040000

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

The five colors

• Parchment (#E8E1D2): A whisper-light, dusty gold — the color of old brass.
• Deep Olive (#4C4000): A deep, shadowed, dusty green — the color of fresh herbs.
• Midnight (#002A3C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#1D002D): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

Use it as a design system

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

• Cocoa Summit color palette (#F5D8C5, #612200, #002723, #000E31, #040002)
• Velvet Fern color palette (#E7E5C9, #585E00, #003456, #001121, #040001)
• Nocturne Studio color palette (#F1E6D1, #545B00, #00391D, #140042, #010200)
• Navy Corridor color palette (#E6E5CE, #2B4600, #01066C, #26001C, #020100)
• Obsidian Canyon color palette (#E0E1C0, #4F5A5D, #1B4100, #152021, #000904)
• Olive Market color palette (#E9E6DB, #A3A285, #78833D, #3A3800, #060400)
• Feathered Aubergine Pier color palette (#FDDCED, #843B00, #491DA0, #43003E, #070000)
• Washed Aubergine Boulevard color palette (#F6EBC5, #6A6000, #004C79, #4A005F, #0E0100)

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