Misty Peony color palette — #F4F4FF · #E8B1FF · #E66EB0 · #3659B4 · #423056

Built around Bubblegum, softened by Cobalt — the whole palette hums with creativity and balance.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Lavender (#E8B1FF): A whisper-light, balanced pink — the color of a candy shop window.
• Bubblegum (#E66EB0): A luminous, vivid rose — the color of pressed rose petals.
• Cobalt (#3659B4): A full-bodied, balanced violet — the color of wild irises.
• Navy (#423056): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Balance. Tagged pastel, light.

Use it as a design system

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

• Airy Blush color palette (#F1F0FF, #EFC3FF, #F07790, #006AB4, #2E143E)
• Soft Coral color palette (#FDEFFF, #FFBBDB, #E47A82, #6D4B9C, #502F4B)
• Frosted Workshop color palette (#F0F5FF, #C9CCFF, #C27FE7, #006D96, #2F3358)
• Wandering Cobalt Bloom color palette (#F2F3FF, #FBCCFF, #FF92AA, #2C87CE, #3F2D5F)
• Blush Atelier color palette (#FFF1F3, #F1D3D4, #FF9299, #7E69A7, #60373A)
• Iris Atelier color palette (#F5F1FF, #ECD6FF, #FDACFA, #9388FF, #422A59)
• Aged Peony color palette (#FDE3EA, #CA6DB9, #B4435E, #2F2161, #1B011D)
• Blush Hollow color palette (#FFD5D0, #F48589, #C57B4C, #703765, #3C180E)

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