Peony Harbor color palette — #F8D8D0 · #FF4DA2 · #F3353B · #6D4200 · #030000

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

The five colors

• Shell Pink (#F8D8D0): A whisper-light, dusty orange — the color of toasted spice.
• Hot Pink (#FF4DA2): A luminous, vivid rose — the color of pressed rose petals.
• Scarlet (#F3353B): A luminous, vivid orange — the color of toasted spice.
• Bronze (#6D4200): A full-bodied, balanced gold — the color of old brass.
• Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. 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

• Powdered Pier color palette (#FEE0CC, #FF7585, #D25500, #695500, #030100)
• Pale Magenta Coast color palette (#FDEBEC, #FA23E4, #E90061, #7F4000, #040000)
• Pale Crimson color palette (#F1DEEC, #D83B5A, #AA1900, #5B2E00, #0A0100)
• Sunlit Ember color palette (#FFEBE3, #EB65BE, #ED5245, #987700, #070100)
• Soft Brick color palette (#F4DEF0, #B23AA3, #BA0022, #523A00, #030100)
• Worn Tangerine Bloom color palette (#F5DBAF, #FF7136, #A97A00, #4A5F00, #020100)
• Raspberry Station color palette (#FECEEA, #B673FF, #D5389C, #9D001B, #040001)
• Bronze Orchard color palette (#F9D9D6, #BC6721, #5E4B00, #002C30, #000104)

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