Peony Pier color palette — #F3E1E1 · #F700A8 · #958800 · #252100 · #030200

Hot Pink and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#F3E1E1): bright and airy, almost weightless.
• Hot Pink (#F700A8): A luminous, vivid rose — the color of a warm blush.
• Olive Leaf (#958800): A luminous, balanced green — the color of fresh herbs.
• Onyx (#252100): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#030200): quiet, heavy and certain.

Feels like: Nature, Growth, Energy, Balance. Tagged neon, dark, vibrant.

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

• Ancient Magenta color palette (#E1E2FF, #F310E4, #777500, #222100, #040200)
• Antique Peony color palette (#FFDFD3, #F300B7, #009D7D, #002F24, #010200)
• Plum Courtyard color palette (#FFE4E1, #C10088, #546C00, #050D07, #000201)
• Feathered Ember color palette (#F9DFF7, #F65B18, #6E7900, #1E2200, #020200)
• Tempered Brick color palette (#E5DFCF, #897E00, #C52E3B, #8B3700, #050500)
• Timeworn Amber color palette (#E0EED2, #D97759, #00684F, #003123, #000201)
• Gentle Thicket color palette (#EFE8FF, #FF9EA4, #83A700, #3F510D, #1C1900)
• Timeworn Field color palette (#E7E6FF, #5A84FF, #A28200, #342800, #030100)

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