Hazy Peony Pier color palette — #F4EFFF · #C34EAB · #5F5F00 · #003C60 · #031045

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

The five colors

• Blush (#F4EFFF): A whisper-light, dusty violet — the color of a velvet chair.
• Hot Pink (#C34EAB): A luminous, vivid pink — the color of peonies in June.
• Olive (#5F5F00): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#003C60): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#031045): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Hazy 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

• Dusty Orchid Cabin color palette (#F0F0FF, #A35FCD, #7A5200, #004146, #000C4B)
• Hushed Plum Parlor color palette (#EDE3F5, #B32C78, #3F4E00, #00274E, #020033)
• Softworn Peony Meadow color palette (#FFF1F1, #FE46AF, #7A7E00, #005D81, #00354C)
• Crimson Dune color palette (#FEEBFD, #E92B4D, #006E37, #27248A, #0E0B45)
• Pale Amber color palette (#F9EEF6, #CB7060, #00784F, #3D3770, #1C173F)
• Velvet Mulberry Bloom color palette (#FAE7FE, #A30047, #263E00, #001A38, #060011)
• Bronze Orchard color palette (#FFDAF4, #D79F9A, #9E6E00, #265C7B, #1C324F)
• Powdered Scarlet Parlor color palette (#FFF0FD, #E3252E, #795000, #354700, #4E1544)

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