Eclipse Harbor color palette — #F4EAFD · #B00073 · #331D30 · #18101D · #060307

A conversation between Magenta Rose and Onyx, giving this palette its sense of energy and sophistication.

The five colors

• Blush (#F4EAFD): A whisper-light, dusty violet — the color of wild irises.
• Magenta Rose (#B00073): A full-bodied, vivid rose — the color of strawberry cream.
• Onyx (#331D30): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#18101D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#060307): a grounded near-black with real depth.

Feels like: Energy, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, vibrant.

Use it as a design system

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

• Moonless Brick Lantern color palette (#F5E7F3, #B5192D, #361C28, #1C0E1B, #080306)
• Nocturne Drift color palette (#E5E3F6, #9514B5, #2F1D3A, #131120, #050308)
• Raspberry Lagoon color palette (#FEE5E4, #CB4691, #662D03, #2E1C1C, #140A0D)
• Shadow Garnet color palette (#EFE0F5, #810040, #332D28, #210400, #07000B)
• Tempered Rust Lantern color palette (#FFECF6, #BC5F32, #2F4231, #2E262B, #191315)
• Peony Basin color palette (#F2E0DF, #E16DA7, #79594F, #533231, #17080B)
• Patina Scarlet color palette (#FBD8F5, #D63432, #007C82, #006482, #382335)
• Velvet Chestnut color palette (#CFE8D0, #714D00, #002016, #000D02, #070101)

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