Peony Harbor color palette — #FAF1FF · #F63A91 · #5C2B29 · #1D0E24 · #020105
Hot Pink takes the lead with Cocoa close behind in a set that reads as energy and balance at first glance.
The five colors
- Blush (#FAF1FF): A whisper-light, dusty violet — the color of wild irises.
- Hot Pink (#F63A91): A luminous, vivid rose — the color of strawberry cream.
- Cocoa (#5C2B29): A deep, shadowed, dusty orange — the color of autumn markets.
- Ink (#1D0E24): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Black (#020105): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Energy, Balance. Tagged noir, dark, luxury, 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
- Softworn Rose color palette (#FFF0FE, #D85C61, #462B3B, #180918, #020103)
- Timeworn Magenta color palette (#F6F3FF, #CE5BD3, #532E40, #180F2A, #010108)
- Worn Harbor color palette (#F3EAF8, #F06DA5, #855C4B, #5F3043, #11101C)
- Moonless Plum color palette (#FBDCD9, #C00072, #4A1701, #240404, #080203)
- Brick Courtyard color palette (#F2D8EC, #B21500, #533E00, #210C00, #030003)
- Eclipse Bronze Study color palette (#FFE7EF, #B46900, #372900, #0F0500, #040002)
- Wandering Workshop color palette (#EDF9EC, #D1A668, #455A4E, #242E24, #130E10)
- Misty Summit color palette (#FFF2ED, #FF885E, #00BB7B, #7577E3, #3C1203)
Browse the whole catalog at Explore, or see today's palette.