Eclipse Onyx color palette — #E3F2E6 · #574100 · #0C2F00 · #070031 · #020100

A conversation between Ink and Deep Forest, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#E3F2E6): A whisper-light, dusty teal — the color of glacier melt.
• Deep Olive (#574100): A deep, shadowed, dusty gold — the color of honey in a jar.
• Deep Forest (#0C2F00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#070031): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, 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

• Shadow Basalt Boulevard color palette (#F9E9EF, #512A00, #002424, #020022, #030005)
• Eclipse Terracotta Lantern color palette (#F6D7E6, #A43F00, #2D3700, #140029, #020100)
• Twilit Fern color palette (#D9EEEA, #235000, #002724, #120013, #010100)
• Antique Bronze color palette (#FFE8E6, #B45E00, #4C3F00, #051300, #000201)
• Patina Basalt color palette (#EADDE1, #B0BFB7, #6D9C96, #573200, #040001)
• Olive Atelier color palette (#DDFEF3, #577100, #005450, #390038, #010100)
• Timeworn Aubergine color palette (#E6FBEF, #927F00, #006355, #500073, #000502)
• Washed Coral Boulevard color palette (#DEF1DF, #FE746B, #977A00, #006549, #010100)

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