Eclipse Onyx color palette — #FCE9EF · #573300 · #001E3E · #00002F · #03000B

Built around Ink, softened by Cocoa — the whole palette hums with trust and stability.

The five colors

• Blush (#FCE9EF): A whisper-light, dusty rose — the color of strawberry cream.
• Cocoa (#573300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Midnight (#001E3E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#00002F): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#03000B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication, Depth. 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

• Lowlit Onyx color palette (#D0E9CF, #543500, #001D42, #0E0023, #0C0000)
• Eclipse Pier color palette (#EDDCE3, #5E2E00, #002230, #231907, #18000E)
• Cellar Bloom color palette (#DAE9DA, #764F00, #00442B, #001C34, #050004)
• Shadow Aubergine Field color palette (#E8E1FD, #670064, #052600, #04002D, #01000F)
• Timeworn Navy Balcony color palette (#F0E3E7, #5487A8, #182D90, #002221, #0D0024)
• Deep Alley color palette (#F6E2D0, #625400, #2C3800, #072000, #000D06)
• Hushed Spruce Archive color palette (#FFE9EA, #7E5F34, #214200, #330935, #1E000C)
• Charred Fern color palette (#D8EBE0, #3A6B35, #00332A, #2B0129, #000900)

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