Eclipse Onyx color palette — #D3E8D8 · #584300 · #00384D · #22003D · #100100

Deep Indigo and Deep Olive set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D3E8D8): A whisper-light, dusty teal — the color of sea glass.
• Deep Olive (#584300): A deep, shadowed, balanced gold — the color of old brass.
• Deep Teal (#00384D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#22003D): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#100100): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Onyx Bloom color palette (#EDDEE4, #603500, #003335, #12005F, #120005)
• Obsidian Navy color palette (#D5F3E9, #445600, #002F6F, #33002D, #110600)
• Onyx Basin color palette (#D1EDE1, #383B00, #002042, #200021, #040100)
• Hushed Onyx Harbor color palette (#D8F3E9, #535F00, #003F42, #1D005E, #29000D)
• Worn Navy Balcony color palette (#CDE6D2, #696B00, #004A20, #20006C, #101A00)
• Softworn Harbor color palette (#E7E4D3, #7F8818, #245400, #002F16, #00191C)
• Chalky Atelier color palette (#F3E2D4, #914D00, #005563, #690027, #120600)
• Mulberry Workshop color palette (#EBD8EA, #9C0025, #00375F, #360007, #040000)

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