Peony Harbor color palette — #F4DFDF · #D954B3 · #763A1C · #39292A · #1D1619

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

The five colors

• Shell Pink (#F4DFDF): A whisper-light, dusty red — the color of late-summer berries.
• Hot Pink (#D954B3): A luminous, vivid pink — the color of neon signs at night.
• Bronze (#763A1C): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#39292A): A deep, shadowed, dusty red — the color of late-summer berries.
• Ink (#1D1619): a grounded near-black with real depth.

Feels like: Optimism, Creativity, Energy, Sophistication. Tagged noir, dark, luxury, muted.

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

• Ancient Orchid color palette (#F4DEE5, #AE6CE0, #624542, #38292E, #1C161B)
• Muted Coral Boulevard color palette (#FFEDE9, #DA7B86, #7C4B12, #403532, #262020)
• Blush Thicket color palette (#F8F2FF, #D27DB3, #513F51, #23192F, #05040C)
• Blush Study color palette (#F6DEDE, #D98FBA, #8A6560, #5D4141, #1F1516)
• Raspberry Courtyard color palette (#FFE0E7, #D8006C, #5B2600, #310E09, #120306)
• Muted Plum Lantern color palette (#EAE0F5, #A15182, #392D3F, #221C28, #110910)
• Frosted Ridge color palette (#F0DBD0, #EA4000, #564114, #372013, #1C0D0B)
• Blush Thicket color palette (#FFF2EE, #F4778C, #00A9CD, #5384B8, #49312B)

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