Peony Pier color palette — #F9D8EA · #FF3D98 · #C10045 · #64000C · #280400

Hot Pink and Ruby set the tone — five colors that lean into warmth and comfort.

The five colors

• Shell Pink (#F9D8EA): A whisper-light, dusty pink — the color of peonies in June.
• Hot Pink (#FF3D98): A luminous, vivid rose — the color of strawberry cream.
• Ruby (#C10045): A full-bodied, vivid red — the color of embers at dusk.
• Oxblood (#64000C): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#280400): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Warmth, Comfort, Energy. Tagged vibrant, 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

• Muted Blush color palette (#FFE6EC, #FF5675, #B41600, #611C00, #120500)
• Frosted Loft color palette (#F2E0F2, #E33DC3, #BF0075, #6B0031, #180002)
• Antique Workshop color palette (#F8E4F2, #EB629D, #DB3659, #9B1117, #3B1600)
• Plum Hollow color palette (#F8DCF3, #B03E79, #850036, #490700, #1C0700)
• Chalky Thicket color palette (#FFE4FE, #FB415C, #008C8C, #930028, #000A0A)
• Weathered Ember color palette (#FFE7E2, #EB6700, #955400, #482C00, #0F0800)
• Misty Ember Delta color palette (#FFDFE0, #FF9884, #D55700, #814500, #3B2200)
• Coral Terrace color palette (#FFF1F6, #FFC0CB, #EC8580, #9F5A4A, #55321E)

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