Peony Harbor color palette — #F1D8F3 · #FF72C5 · #FF3682 · #CD2600 · #4D2900

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

The five colors

• Thistle (#F1D8F3): A whisper-light, dusty pink — the color of neon signs at night.
• Bubblegum (#FF72C5): A luminous, vivid rose — the color of strawberry cream.
• Hot Pink (#FF3682): A luminous, vivid red — the color of late-summer berries.
• Brick (#CD2600): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#4D2900): A deep, shadowed, dusty gold — the color of old brass.

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

• Muted Cabin color palette (#E7E2F4, #FA75FC, #FE279E, #C6234D, #551D00)
• Linen Ember color palette (#F6E3F0, #FF7CAE, #FF4631, #A75000, #482C00)
• Pale Raspberry Pier color palette (#FFF0F6, #FF8BB4, #F00C68, #9A0034, #51000F)
• Sunlit Rose color palette (#FAD8FA, #FF8F96, #00BFB9, #EC3A58, #003634)
• Misty Coral color palette (#FFEAE5, #FFAAA7, #FF5F5B, #BB1F00, #3E0200)
• Peony Delta color palette (#FDE4FC, #E648A2, #A50051, #780013, #2D0D00)
• Aged Study color palette (#FCD3DD, #FF7C6A, #CE6800, #916000, #342C00)
• Crimson Pier color palette (#EFDCE7, #D60059, #AC2800, #622900, #0E0700)

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