Rose Villa color palette — #FFF1F6 · #FFACC1 · #FF3D5A · #B71A12 · #592000

A conversation between Scarlet and Ruby, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Ballet Pink (#FFACC1): A whisper-light, balanced red — the color of embers at dusk.
• Scarlet (#FF3D5A): A luminous, vivid red — the color of embers at dusk.
• Ruby (#B71A12): A full-bodied, vivid orange — the color of sun-warmed clay.
• Espresso (#592000): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.

Use it as a design system

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

• Worn Peony Field color palette (#FFF0FC, #FFAFD7, #FF2590, #B31841, #611F1E)
• Ember Basin color palette (#FFF1F3, #FFA599, #E9531E, #8A4300, #402400)
• Faded Blush color palette (#FFCEF5, #FF9FC6, #FF6677, #C35931, #5F3900)
• Pale Terrace color palette (#FFD1DB, #F46F86, #CB334C, #970B17, #73251B)
• Dusty Scarlet Summit color palette (#FFE4EB, #FF848E, #E30223, #782900, #2F1300)
• Wandering Ember color palette (#F7E7E5, #F95C25, #964600, #4C2900, #100800)
• Patina Scarlet color palette (#FFF0FD, #FFAFA9, #00C5D3, #DA3B40, #00363A)
• Airy Amber Studio color palette (#FFF2ED, #FFC39F, #D78400, #865C00, #4A3800)

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