Eclipse Onyx color palette — #D8EFD8 · #774F00 · #003F40 · #2D0038 · #09000B

Built around Deep Indigo, softened by Coffee — the whole palette hums with optimism and creativity.

The five colors

• Honeydew (#D8EFD8): A whisper-light, dusty green — the color of new leaves after rain.
• Coffee (#774F00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#003F40): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#2D0038): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#09000B): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Twilit Fern color palette (#D2E5DA, #534A00, #002F3E, #22001C, #040003)
• Eclipse Onyx Thicket color palette (#F4D8E5, #874300, #003F3D, #000559, #060011)
• Onyx Field color palette (#C5EBD9, #777700, #005373, #540033, #220011)
• Basalt Garden color palette (#D9F5E8, #484700, #191F25, #001402, #000201)
• Shadow Navy color palette (#DFF5EE, #496200, #10258A, #2B003C, #0D0000)
• Navy Terrace color palette (#F2E7D2, #897300, #006155, #092482, #270016)
• Shadow Veranda color palette (#C5E8E3, #004910, #200059, #15000D, #030100)
• Aged Olive color palette (#F9F3D8, #7B8100, #005C3E, #002A31, #030100)

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