Eclipse Onyx color palette — #F0E1DC · #665300 · #00382A · #210031 · #010200

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

The five colors

• Parchment (#F0E1DC): bright and airy, almost weightless.
• Coffee (#665300): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#00382A): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#210031): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#010200): quiet, heavy and certain.

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

• Eclipse Balcony color palette (#F3D8D9, #335100, #00282D, #1B0012, #000201)
• Midnight Drift color palette (#F1F1D9, #4D6100, #023C08, #001D23, #060E00)
• Obsidian Terracotta color palette (#EEE4D5, #942C00, #2E3200, #090049, #030100)
• Cellar Aubergine Harbor color palette (#E3F4EA, #524A00, #250079, #1E0027, #030004)
• Patina Onyx Garden color palette (#EFE3CB, #797D00, #005126, #190055, #010100)
• Twilit Olive Study color palette (#F8D5E0, #716B00, #0E4200, #2E1900, #030300)
• Spruce Station color palette (#C0EBE0, #384048, #253F00, #10161A, #000906)
• Patina Olive color palette (#F4E9D3, #397809, #004F51, #370927, #19000F)

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