Eclipse Onyx color palette — #DDF1E7 · #605B00 · #00395F · #0B005A · #0C0002

A conversation between Deep Indigo and Olive, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#DDF1E7): A whisper-light, dusty teal — the color of sea glass.
• Olive (#605B00): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#00395F): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#0B005A): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#0C0002): A deep, shadowed, dusty red — the color of late-summer berries.

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

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 Basin color palette (#D8E7D7, #794E00, #00403A, #2A003D, #070300)
• Tempered Fern Loft color palette (#DCF4ED, #436300, #004137, #002331, #191000)
• Washed Emerald color palette (#F1F6DA, #00942B, #005958, #00283F, #02000C)
• Cellar Fern Canyon color palette (#C5EADB, #444800, #22232B, #001304, #010100)
• Inked Mulberry color palette (#F8EAFD, #9A204F, #2B3D00, #001B35, #0B0006)
• Pale Balcony color palette (#FFE1EE, #8E814D, #316335, #450650, #250009)
• Dusty Olive Market color palette (#DFE0D2, #617500, #015010, #002D1B, #00120E)
• Aged Aubergine Lantern color palette (#FCEEDA, #986B00, #005C72, #570057, #26001A)

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