Eclipse Onyx color palette — #D9F9E7 · #534900 · #003C5E · #33003D · #050100

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

• Honeydew (#D9F9E7): A whisper-light, dusty teal — the color of glacier melt.
• Deep Olive (#534900): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#003C5E): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#33003D): A deep, shadowed, balanced pink — the color of neon signs at night.
• Black (#050100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. 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

• Obsidian Station color palette (#E4F5E2, #683D00, #00373F, #1A0055, #060001)
• Tempered Onyx color palette (#E2F4E5, #556E00, #004932, #270056, #010500)
• Midnight Forest color palette (#C4EFEA, #005512, #2B2830, #00110B, #000300)
• Charred Navy color palette (#D5EEE8, #32670A, #20007F, #39001F, #030100)
• Midnight Basalt color palette (#DAEFDF, #433200, #001D26, #190005, #000301)
• Washed Olive Courtyard color palette (#E0E1CC, #528400, #005724, #00251A, #000403)
• Aged Balcony color palette (#EEEBD7, #677000, #373BB2, #21178B, #060002)
• Wandering Aubergine color palette (#E0F1F1, #006B4B, #57007E, #4B0103, #020200)

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