Eclipse Onyx color palette — #D1F4E4 · #393900 · #002F3D · #1C0032 · #010100

Deep Indigo and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D1F4E4): A whisper-light, dusty teal — the color of shallow lagoons.
• Deep Olive (#393900): A deep, shadowed, dusty green — the color of new leaves after rain.
• Midnight (#002F3D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#1C0032): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged 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

• Basalt Bloom color palette (#D8E9D6, #4C2F00, #002F3A, #00151B, #020100)
• Smoked Navy Station color palette (#CAF0F6, #004038, #00275C, #280017, #000201)
• Twilit Fern color palette (#FDE0ED, #464B00, #002A20, #1A0014, #000200)
• Cellar Fern Station color palette (#F4ECCF, #4C6300, #00360D, #00100B, #000102)
• Muted Spruce color palette (#E8F2EE, #7D9390, #4A7378, #272E00, #000201)
• Midnight Garden color palette (#D6E6EE, #004D58, #26079B, #3A001B, #000102)
• Twilit Nightshade Station color palette (#CFEAE8, #00632F, #29309D, #4B0031, #000301)
• Moonless Nightshade color palette (#F1E0D7, #8F1A00, #2F2095, #280038, #040000)

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