Patina Peony color palette — #F9F2FF · #F54EAF · #107D18 · #00595B · #0D0216

Hot Pink and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Hot Pink (#F54EAF): A luminous, vivid rose — the color of strawberry cream.
• Olive (#107D18): A full-bodied, vivid green — the color of fresh herbs.
• Peacock (#00595B): A full-bodied, dusty teal — the color of glacier melt.
• Ink (#0D0216): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Magenta Courtyard color palette (#F6F3FF, #D046C6, #747E00, #005B4F, #0A0317)
• Washed Bloom color palette (#FCF0FF, #E43682, #1C6700, #004353, #030014)
• Gentle Pier color palette (#FFF0FE, #F72A47, #008C65, #005572, #100210)
• Tempered Blush Ridge color palette (#FBF1FF, #EF6999, #579C62, #006C77, #1D0E23)
• Faded Ember color palette (#FFF0FB, #FE4229, #566E00, #00404C, #160026)
• Plum Workshop color palette (#FFEAE9, #A53071, #4A5E00, #003E48, #16000A)
• Frosted Coral Balcony color palette (#EED5EE, #F56775, #9A9600, #00895E, #280F29)
• Orchid Courtyard color palette (#F3F4FF, #A557FF, #947000, #005D33, #05041A)

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