Peony Pier color palette — #FFF1F2 · #E163BF · #557300 · #005959 · #14000E

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Bubblegum (#E163BF): A luminous, vivid pink — the color of peonies in June.
• Olive (#557300): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#005959): A full-bodied, dusty teal — the color of shallow lagoons.
• Ink (#14000E): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Tempered Pier color palette (#FFF2F0, #D65098, #3B6200, #003B44, #02000A)
• Frosted Orchid color palette (#FFF1F5, #A961E4, #8B7500, #005D35, #0E001B)
• Washed Corridor color palette (#FFF2EE, #D45C73, #008B66, #00566A, #160100)
• Blush Bloom color palette (#FFF1F1, #D87BA9, #6B9859, #006D71, #250C0C)
• Worn Coral Market color palette (#FFF2ED, #E16567, #6D6600, #00423E, #040037)
• Muted Blush color palette (#FFF4E2, #F76F82, #A35100, #004A43, #2B0000)
• Plum Study color palette (#EADFF2, #A62E6F, #605600, #003E44, #0F0119)
• Cobalt Workshop color palette (#EFD6E1, #B79EFF, #588E32, #0077C9, #1D1333)

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