Peony Villa color palette — #ECF7FF · #54B2DE · #D271A0 · #828400 · #001F2C

Bubblegum takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Cyan (#54B2DE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Bubblegum (#D271A0): A luminous, balanced rose — the color of strawberry cream.
• Olive Leaf (#828400): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#001F2C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

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

• Wisteria Studio color palette (#E6F9FF, #00BDC3, #B77BC7, #A57400, #002022)
• Gentle Emerald Atelier color palette (#EFF6FF, #7EA5F0, #E06E6B, #249726, #0A1939)
• Wandering Moss Boulevard color palette (#EEF6FF, #88BFFF, #EB8995, #73A24E, #1A2C40)
• Muted Iris Hollow color palette (#F0F5FF, #8698E7, #B87A38, #566900, #071330)
• Muted Marigold color palette (#C6ECF9, #00C6CF, #E38F00, #B68F38, #00313E)
• Ember Boulevard color palette (#F2F5FF, #7D8EFF, #F23F00, #00894D, #0B0043)
• Wisteria Bloom color palette (#F5F3FF, #B96FCD, #AA7700, #007A7E, #190020)
• Wisteria Quarry color palette (#F8F2FF, #CC8EFF, #DB8800, #009A92, #2D1241)

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