Eclipse Plum color palette — #F3D7DB · #C40053 · #541F15 · #281417 · #0E0311

Magenta Rose takes the lead with Espresso close behind in a set that reads as energy and depth at first glance.

The five colors

• Shell Pink (#F3D7DB): A whisper-light, dusty red — the color of embers at dusk.
• Magenta Rose (#C40053): A full-bodied, vivid red — the color of embers at dusk.
• Espresso (#541F15): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#281417): A deep, shadowed, dusty red — the color of embers at dusk.
• Ink (#0E0311): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

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

• Patina Rust color palette (#F8E3DB, #B43D00, #4A2900, #22110E, #13010D)
• Plum Station color palette (#E4DFEE, #B4009C, #541A2F, #23141B, #0A0314)
• Weathered Parlor color palette (#FFE7EC, #990045, #5D4900, #2B1000, #060009)
• Quiet Alley color palette (#FFDDE2, #F41739, #BC3A00, #773600, #271100)
• Rose Ridge color palette (#FCEBEB, #FF3956, #864425, #422B42, #0C0410)
• Tangerine Drift color palette (#FBDDEB, #F47A0E, #806131, #533846, #180E15)
• Hushed Amber Delta color palette (#FEE0EB, #C87400, #3B5C45, #3C2931, #080306)
• Muted Ember Canyon color palette (#FDDBEF, #E75A00, #008EAB, #A33D00, #001219)

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