Peony Pier color palette — #FFF1F2 · #BF5FB2 · #BC5B3B · #4F66A0 · #4A3033

Built around Hot Pink, softened by Terracotta — the whole palette hums with creativity and balance.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Hot Pink (#BF5FB2): A luminous, balanced pink — the color of a candy shop window.
• Terracotta (#BC5B3B): A full-bodied, balanced orange — the color of sun-warmed clay.
• Slate (#4F66A0): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#4A3033): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: 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

• Gentle Peony Terrace color palette (#FFF2EF, #D85181, #A96B16, #6D5C9B, #4C2F2B)
• Violet Boulevard color palette (#FFF1F6, #996DDC, #BA556F, #197199, #48303A)
• Wandering Lilac color palette (#FFECEF, #B372B5, #977B39, #007984, #32131A)
• Patina Canyon color palette (#FFF0FC, #ED9FE1, #9C5C92, #613259, #3E1D39)
• Hushed Stone color palette (#FFF1F2, #E8D6D5, #E8ACBA, #956D76, #5C4343)
• Wisteria Grove color palette (#F6F3FF, #CB8ACC, #B6933F, #0098A5, #3A334E)
• Feathered Cabin color palette (#FCE5EE, #C8007F, #954F00, #512EBA, #420A29)
• Muted Pier color palette (#FCDEC8, #BE5800, #697400, #824069, #3B2615)

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