Peony Harbor color palette — #F0F8EC · #45B4A3 · #C9628F · #007668 · #5C3444

Built around Hot Pink, softened by Turquoise — the whole palette hums with balance.

The five colors

• Ivory (#F0F8EC): a clean, paper-quiet neutral.
• Turquoise (#45B4A3): A luminous, balanced teal — the color of glacier melt.
• Hot Pink (#C9628F): A luminous, balanced rose — the color of pressed rose petals.
• Teal (#007668): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#5C3444): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Balance. Tagged 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

• Teal Atelier color palette (#EBF6E7, #00BDAB, #C56E8C, #007569, #3D1D19)
• Dusty Lantern color palette (#F3F8E5, #71B17C, #BD6FBF, #00732F, #5B363D)
• Chalky Ember color palette (#EBF9F0, #3FB0C6, #D26444, #007284, #5E362B)
• Washed Corridor color palette (#E2FAFF, #21D2C2, #DF84A5, #249387, #5E3343)
• Worn Violet Orchard color palette (#E9FBE6, #009D95, #965BC4, #915B0D, #2C3D29)
• Crimson Lagoon color palette (#CCF0D1, #0096A0, #D10037, #005A60, #5C0013)
• Tempered Olive Orchard color palette (#FAF5E4, #ADA985, #77772F, #605020, #3F4100)
• Ancient Villa color palette (#EDF9EB, #B6E2ED, #99CFFC, #4F8B73, #3B4F3F)

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