Peony Harbor color palette — #E7DBED · #FF4DD0 · #FF0E88 · #D02B34 · #0E0002
A conversation between Hot Pink and Bubblegum, giving this palette its sense of creativity and warmth.
The five colors
- Thistle (#E7DBED): A whisper-light, dusty violet — the color of twilight just after sunset.
- Bubblegum (#FF4DD0): A luminous, vivid pink — the color of neon signs at night.
- Hot Pink (#FF0E88): A luminous, vivid red — the color of late-summer berries.
- Crimson (#D02B34): A full-bodied, vivid orange — the color of autumn markets.
- Ink (#0E0002): A deep, shadowed, dusty red — the color of late-summer berries.
Feels like: Creativity, Warmth, Comfort, Energy. Tagged candy, vibrant, light, warm.
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
- Weathered Workshop color palette (#E5DCF0, #E15AF2, #E941B9, #C72962, #080003)
- Aged Pier color palette (#F4E7F3, #FF5C98, #FF405B, #BC4A00, #120000)
- Magenta Courtyard color palette (#FFE5E0, #E45FE5, #E04584, #972B00, #040001)
- Softworn Orchid Cabin color palette (#FFE6EE, #B05AFC, #DA1767, #914900, #120001)
- Ember Thicket color palette (#EDDAE4, #FF7068, #EC6800, #AC6D00, #050100)
- Soft Scarlet color palette (#FFE6E5, #E90421, #A12300, #6F2500, #180500)
- Orchid Courtyard color palette (#E2E3FF, #A08EFF, #C059FF, #A94BA0, #040007)
- Misty Lantern color palette (#EDD9E6, #D74500, #8C3ADF, #932C00, #0A0019)
Browse the whole catalog at Explore, or see today's palette.