Eclipse Onyx Harbor color palette — #FEDFE9 · #563600 · #350049 · #1C0028 · #040007

Deep Indigo and Ink set the tone — five colors that lean into optimism and creativity.

The five colors

• Rose Water (#FEDFE9): A whisper-light, dusty rose — the color of pressed rose petals.
• Cocoa (#563600): A deep, shadowed, dusty gold — the color of honey in a jar.
• Deep Indigo (#350049): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#1C0028): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#040007): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Creativity, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

Use it as a design system

One click turns Eclipse Onyx Harbor 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

• Onyx Study color palette (#D6F4EF, #1D4700, #390039, #1C001C, #060000)
• Shadow Garnet color palette (#FFE1F6, #632100, #00233C, #090B21, #02000D)
• Onyx Terrace color palette (#F8DED5, #605A00, #003931, #290038, #040F00)
• Charred Aubergine Terrace color palette (#E0F3FF, #005962, #450063, #2D0043, #000A04)
• Navy Archive color palette (#CAF9FA, #004322, #130069, #090045, #060100)
• Powdered Nightshade Drift color palette (#F3D6EB, #A62A00, #291AB6, #3B0053, #080002)
• Spruce Loft color palette (#D2E8E4, #184500, #363039, #12181E, #000B09)
• Aubergine Hollow color palette (#D0EDEC, #15772C, #5D0052, #48001C, #200719)

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