Eclipse Villa color palette — #F5E2F2 · #CC1F53 · #5F2C00 · #191100 · #010100

Magenta Rose and Cocoa set the tone — five colors that lean into optimism and energy.

The five colors

• Blush (#F5E2F2): A whisper-light, dusty pink — the color of a candy shop window.
• Magenta Rose (#CC1F53): A full-bodied, vivid red — the color of a theater curtain.
• Cocoa (#5F2C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#191100): A deep, shadowed, dusty gold — the color of old brass.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Energy, Depth, Luxury. Tagged dark, vibrant.

Use it as a design system

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

• Rust Villa color palette (#F6E3E5, #CC4500, #533D00, #0D1300, #000200)
• Cellar Plum color palette (#EEEFDF, #B40063, #462B00, #000E19, #050000)
• Raspberry Boulevard color palette (#EADFFF, #C40B9B, #770025, #1D0A00, #020100)
• Obsidian Veranda color palette (#F9E5E1, #933508, #481E00, #160800, #020100)
• Shadow Station color palette (#F3E5F5, #9E003F, #00332B, #282127, #000812)
• Softworn Magenta color palette (#FBD3ED, #F53ED8, #DC4700, #505600, #020100)
• Bronze Cabin color palette (#FAE9F1, #A36B44, #504C00, #0A1D37, #000108)
• Washed Lagoon color palette (#FFEBF0, #FF9F87, #A16A00, #494400, #021701)

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