Peony Harbor color palette — #F6E7E0 · #FF5492 · #A274FF · #2D3151 · #050611

Hot Pink takes the lead with Wisteria close behind in a set that reads as creativity and energy at first glance.

The five colors

• Rose Water (#F6E7E0): bright and airy, almost weightless.
• Hot Pink (#FF5492): A luminous, vivid red — the color of embers at dusk.
• Wisteria (#A274FF): A luminous, vivid violet — the color of wild irises.
• Navy (#2D3151): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#050611): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Energy, Balance. Tagged neon, dark, vibrant.

Use it as a design system

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

• Washed Delta color palette (#F6EAD6, #FF5D6C, #D445FF, #432A4B, #080612)
• Chalky Blush Pier color palette (#D6EAF1, #FF88C2, #AA9EFF, #4B4479, #10152F)
• Hushed Magenta Hollow color palette (#FFE8EA, #D162FF, #4693FF, #1C3252, #00040E)
• Chalky Magenta color palette (#D0F6FC, #EB00D2, #6772FF, #181C46, #00010A)
• Patina Violet Study color palette (#DDDFE9, #C4BCC9, #B2A0B6, #856CCE, #1C1E2B)
• Aged Delta color palette (#EAE6F3, #C081E4, #A94DBB, #911285, #2F0022)
• Pale Blush color palette (#ECF3D5, #F09A07, #FF7098, #60343E, #160F18)
• Weathered Ember Boulevard color palette (#DCE4D0, #FB5D27, #009BC0, #001F29, #00050A)

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