Peony Pier color palette — #FFE0DA · #FA0E82 · #007C5F · #004982 · #002546

A conversation between Hot Pink and Navy, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#FFE0DA): A whisper-light, dusty orange — the color of autumn markets.
• Hot Pink (#FA0E82): A luminous, vivid red — the color of embers at dusk.
• Teal (#007C5F): A full-bodied, balanced teal — the color of sea glass.
• Navy (#004982): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#002546): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Energy, Balance. Tagged vibrant, cool.

Use it as a design system

One click turns Peony Pier 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

• Rose Courtyard color palette (#FFE0D5, #FC2B44, #007972, #1538A8, #041666)
• Magenta Veranda color palette (#FFDFE2, #EF1DDF, #06771A, #00515F, #002932)
• Muted Coral color palette (#FFF2EC, #FF5E42, #008988, #5141A6, #2E265E)
• Weathered Market color palette (#F8F2FF, #F050BF, #776D00, #00475A, #240024)
• Amber Loft color palette (#F0DDCD, #C76B00, #006C94, #38318B, #1A1051)
• Wandering Moss color palette (#FCDCE9, #EE996E, #7F8B0F, #475B7F, #1D3768)
• Worn Orchid color palette (#FFDDEB, #A45EFF, #786A00, #005161, #002933)
• Wandering Coral Lagoon color palette (#FFF2EC, #F59283, #429BA5, #476D8B, #1F4C40)

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