Eclipse Onyx color palette — #F0E6DB · #394239 · #3C2300 · #12160F · #020200

Espresso and Black set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#F0E6DB): bright and airy, almost weightless.
• Charcoal (#394239): a grounded near-black with real depth.
• Espresso (#3C2300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#12160F): a grounded near-black with real depth.
• Black (#020200): a grounded near-black with real depth.

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

• Aged Grove color palette (#ECEFE6, #549270, #304030, #1C2013, #0D0D07)
• Inked Workshop color palette (#F1E6D8, #8A6300, #272E00, #190E00, #080200)
• Eclipse Garnet Meadow color palette (#F8DBD1, #55000B, #1F2720, #1A1305, #050100)
• Ancient Chapel color palette (#EDF1DB, #006F26, #3F494D, #002420, #000B01)
• Smoked Nightshade color palette (#E9DFBE, #505000, #340F9F, #202000, #01000A)
• Dusty Navy Harbor color palette (#F5E8DF, #418299, #003E66, #001F1D, #00000D)
• Onyx Station color palette (#FFE0E3, #704D32, #3B3B00, #140E41, #0A000D)
• Velvet Fern color palette (#EDE3CF, #4F5F2B, #003413, #2B0017, #010100)

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