Peony Harbor color palette — #EEDCFF · #FB5EBE · #80A700 · #00899E · #3D0029

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

The five colors

• Thistle (#EEDCFF): A whisper-light, dusty violet — the color of wild irises.
• Bubblegum (#FB5EBE): A luminous, vivid rose — the color of a warm blush.
• Olive Leaf (#80A700): A luminous, vivid green — the color of new leaves after rain.
• Cerulean (#00899E): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#3D0029): A deep, shadowed, balanced rose — the color of a warm blush.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged vibrant.

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

• Sunlit Fuchsia color palette (#E7DFFF, #EA63E9, #AC9700, #008E7A, #340A34)
• Soft Blush Studio color palette (#FEEEFF, #FF6681, #6A9A00, #007194, #320217)
• Dusty Quarry color palette (#EEE3FA, #FF66C6, #7F9600, #0064C6, #3F0042)
• Aged Jade Coast color palette (#FFF0FB, #FF9784, #00C295, #008CD1, #481C14)
• Patina Moss Veranda color palette (#FFDDC6, #F1800C, #7CA800, #0088A2, #341600)
• Linen Courtyard color palette (#F6E3B4, #FF84A2, #D37F16, #0064B7, #4F0B09)
• Powdered Sapphire color palette (#FAD9F0, #FF704B, #00AE9A, #2F6AFE, #3E0A00)
• Soft Rose Pier color palette (#FFF1F1, #FF385C, #907E00, #346300, #210004)

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