Peony Pier color palette — #FBF1FF · #FF238E · #008F9A · #006068 · #20000C

A conversation between Hot Pink and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Blush (#FBF1FF): A whisper-light, dusty pink — the color of peonies in June.
• Hot Pink (#FF238E): A luminous, vivid rose — the color of pressed rose petals.
• Cerulean (#008F9A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006068): A full-bodied, dusty blue — the color of open sky before noon.
• Ink (#20000C): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Energy, Balance. Tagged vibrant.

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

• Pale Grove color palette (#FFF0FB, #FE4424, #0089BC, #005C80, #200100)
• Weathered Crimson color palette (#FFF0FC, #F3173E, #00766B, #00524A, #05000E)
• Hushed Magenta Drift color palette (#FFF0FE, #E712EF, #009379, #006351, #1B001C)
• Sunlit Blush color palette (#FFDADD, #FF6982, #00AE9A, #008D7D, #410012)
• Feathered Apricot color palette (#FFF0FB, #FF957C, #008DC0, #007099, #2B0F25)
• Frosted Grove color palette (#FFDBD3, #BF0053, #006A46, #004550, #3E0518)
• Coral Corridor color palette (#FFF0FC, #FF584C, #008130, #1B2D9A, #0C0043)
• Powdered Magenta color palette (#F5F3FF, #E15EFF, #378300, #286500, #190020)

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