Peony Harbor color palette — #FFD8E9 · #FF4296 · #CF0033 · #5E4B00 · #481422

Built around Hot Pink, softened by Crimson — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FFD8E9): A whisper-light, dusty rose — the color of strawberry cream.
• Hot Pink (#FF4296): A luminous, vivid rose — the color of a warm blush.
• Crimson (#CF0033): A full-bodied, vivid orange — the color of autumn markets.
• Bronze (#5E4B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#481422): A deep, shadowed, balanced red — the color of embers at dusk.

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

• Dusty Rose Ridge color palette (#FFD9E6, #FF4F66, #BC3F00, #4F5100, #4F0C0C)
• Powdered Rose color palette (#F7DEFA, #FB2069, #995600, #494C00, #3E0043)
• Softworn Magenta color palette (#FFDCCD, #E253DA, #C5007C, #704000, #411636)
• Soft Veranda color palette (#EEDFF3, #D8006B, #641824, #340617, #0B0411)
• Rose Corridor color palette (#FDE1A8, #FF77D7, #F24657, #00823A, #4F002C)
• Patina Station color palette (#E3FEE0, #FF7962, #BF5F00, #4B6500, #532717)
• Dusty Crimson Pier color palette (#E2FFD8, #B792FF, #CF1C4C, #005058, #2C022D)
• Powdered Quarry color palette (#FAF1FF, #FFB1EA, #FF8CBC, #FF3E59, #4A0B22)

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