Hazy Peony Pier color palette — #FFDBD4 · #FF4883 · #007A44 · #006279 · #380E1A

A conversation between Hot Pink and Pine, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FFDBD4): A whisper-light, dusty orange — the color of toasted spice.
• Hot Pink (#FF4883): A luminous, vivid red — the color of a theater curtain.
• Pine (#007A44): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#006279): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#380E1A): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Trust, Stability, Warmth, Comfort. Tagged vibrant, warm.

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

• Hushed Rose Boulevard color palette (#FFDBD7, #F51C35, #008B77, #005F8A, #400508)
• Timeworn Crimson color palette (#FFEBE3, #EF0642, #007444, #004A6F, #26032C)
• Magenta Corridor color palette (#FFDADD, #F431DC, #577100, #00665D, #32102D)
• Quiet Blush color palette (#F6DAFA, #FF6888, #00AF96, #008E79, #3D0716)
• Wandering Ember color palette (#FFE1CD, #DD6300, #237E02, #004E6C, #3E0043)
• Plum Courtyard color palette (#FFD8E8, #B90075, #00656B, #00464A, #390B23)
• Pale Ember color palette (#FCE1AA, #F8611B, #8F6600, #005764, #411E00)
• Ancient Ember color palette (#FFF2EB, #F65F26, #009A94, #0069AC, #402311)

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