Eclipse Onyx color palette — #D5E4D9 · #3F4D4F · #342800 · #091518 · #000300

Espresso and Black set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#D5E4D9): A whisper-light, dusty teal — the color of glacier melt.
• Charcoal Brown (#3F4D4F): quiet, heavy and certain.
• Espresso (#342800): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#091518): a grounded near-black with real depth.
• Black (#000300): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Moonless Abyss color palette (#CAEAE9, #3D4048, #004225, #12151B, #00080A)
• Shadow Spruce Cabin color palette (#DFF2E5, #676459, #382C00, #151E18, #040500)
• Fern Garden color palette (#F8DEC3, #5A4B00, #222E00, #001A04, #000201)
• Fern Grove color palette (#D1F8E7, #565A00, #364149, #001F20, #000704)
• Lagoon Archive color palette (#DDF2F5, #009883, #2A3E4B, #132123, #080E0D)
• Aubergine Courtyard color palette (#D7F8EC, #465300, #5D0074, #1B2200, #030005)
• Charred Alley color palette (#CDE6D8, #796C00, #043313, #00150A, #090104)
• Obsidian Spruce Market color palette (#FFE5E0, #6C5726, #163F1B, #210927, #09000D)

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