Peony Harbor color palette — #FFEFFF · #87B9FF · #E4679F · #8E7200 · #003935

A conversation between Bubblegum and Ochre, giving this palette its sense of nature and growth.

The five colors

• Blush (#FFEFFF): A whisper-light, dusty pink — the color of peonies in June.
• Sky (#87B9FF): A luminous, balanced blue — the color of deep harbor water.
• Bubblegum (#E4679F): A luminous, vivid rose — the color of strawberry cream.
• Ochre (#8E7200): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#003935): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

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

• Linen Magenta Courtyard color palette (#E1FCF2, #60C2FF, #DB61CE, #A66300, #003B22)
• Worn Chapel color palette (#FFF0F8, #B4AAFF, #FC5561, #777C00, #00383C)
• Quiet Raspberry color palette (#EFDAEB, #7A9CFF, #D2498C, #805900, #002719)
• Pale Crimson color palette (#EDF6FF, #5BB6FF, #D24650, #5A5200, #182700)
• Dusty Archive color palette (#E3EFFF, #C4C0FF, #D098D1, #9D8352, #4E4F1A)
• Wisteria Ridge color palette (#E6FCEB, #00CEE5, #B272FD, #C14925, #213800)
• Washed Quarry color palette (#D8FFF4, #21A2FC, #A66700, #6A5200, #323300)
• Dusty Terrace color palette (#FFF1F2, #F8A9E8, #C8A276, #7C8E68, #51394E)

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