Patina Villa color palette — #FDF1FB · #FE9C93 · #5E9A6B · #405B8E · #162950

Melon and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF1FB): bright and airy, almost weightless.
• Melon (#FE9C93): A luminous, balanced orange — the color of toasted spice.
• Fern (#5E9A6B): A luminous, balanced green — the color of a quiet forest floor.
• Peacock (#405B8E): A full-bodied, balanced violet — the color of a velvet chair.
• Midnight (#162950): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Aged Apricot color palette (#FFF1F6, #EFAA6B, #389A9E, #19628B, #381E47)
• Timeworn Moss Parlor color palette (#F7F2FF, #E7A1D0, #8B903A, #006875, #00313C)
• Softworn Sand color palette (#FDF2F7, #F9BD96, #61AA99, #71628C, #403053)
• Hushed Boulevard color palette (#FAF2F8, #D4D4E3, #7DC6E7, #51907C, #26415D)
• Feathered Meadow color palette (#F7F6E9, #B4C879, #5BB398, #008AAB, #2B3460)
• Pale Pine Summit color palette (#FFF2EE, #C26A77, #347430, #354087, #3A305A)
• Pale Amber Drift color palette (#FFF1F6, #DD7F00, #007A7C, #003F78, #1D0033)
• Washed Mustard color palette (#E4FDEA, #D7A700, #008DA5, #603793, #32014E)

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