Peony Canyon color palette — #F6F3FF · #BDCDFF · #CBA0FF · #DD2FB1 · #380B4C

Built around Hot Pink, softened by Lavender — the whole palette hums with creativity and energy.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Lilac Frost (#BDCDFF): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#CBA0FF): A luminous, balanced violet — the color of a velvet chair.
• Hot Pink (#DD2FB1): A luminous, vivid pink — the color of peonies in June.
• Deep Indigo (#380B4C): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Creativity, Energy, Balance. Tagged candy, vibrant, light.

Use it as a design system

One click turns Peony Canyon 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 Study color palette (#FCF0FF, #C9C2FF, #E986FF, #F53F7C, #470C40)
• Patina Orchid Dune color palette (#F1F5FF, #9FD7FF, #A0B1FF, #BD52F0, #271D51)
• Hushed Field color palette (#F4F4FF, #E7D3EB, #F0B3DF, #EF08E6, #2A003C)
• Airy Orchid color palette (#FFF1F6, #82B8FF, #B35CFE, #CB0064, #370F4C)
• Worn Fuchsia Courtyard color palette (#FFECEC, #E8B1FF, #F578CA, #D2544F, #401026)
• Gentle Blush Studio color palette (#F2F5FF, #C0DFFF, #CCBEFF, #FF80A0, #3D0449)
• Mallow Market color palette (#FFF1F2, #E3D6FF, #FF91DD, #EA7182, #56273D)
• Flaring Magenta color palette (#E8DEF0, #F24AFF, #C400AA, #90005E, #640F2E)

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