Peony Harbor color palette — #FFF1F0 · #EE5FAA · #967100 · #006458 · #22246C

A conversation between Bubblegum and Navy, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Bubblegum (#EE5FAA): A luminous, vivid rose — the color of pressed rose petals.
• Ochre (#967100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Pine (#006458): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#22246C): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Energy, 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

• Coral Villa color palette (#FFF2ED, #FD5D5F, #827A00, #00635D, #19266F)
• Powdered Delta color palette (#F9F2FF, #FF79BC, #A97100, #00613B, #00243B)
• Feathered Raspberry Bloom color palette (#F8D9D4, #D74D7E, #7A6000, #004E42, #051457)
• Worn Ridge color palette (#FFF2EC, #E18B75, #738A50, #00697D, #442B58)
• Wisteria Balcony color palette (#FFF1F4, #C775DD, #BC5500, #216600, #003649)
• Patina Stone color palette (#FFF1F7, #EEA39F, #BA855B, #2F7A67, #00505B)
• Linen Coast color palette (#FFE2C9, #D06F00, #247E01, #005065, #350055)
• Timeworn Scarlet Corridor color palette (#FFE2D7, #CB353A, #4D5A00, #003A44, #1D0030)

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