Misty Peony color palette — #FFF1F2 · #DD5BC0 · #C36E00 · #7A6400 · #412023

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Hot Pink (#DD5BC0): A luminous, vivid pink — the color of neon signs at night.
• Mustard (#C36E00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#7A6400): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#412023): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Optimism, Creativity, Warmth, Comfort. Tagged warm.

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

• Worn Rose Orchard color palette (#FFF2EF, #F45281, #A58100, #5F6F00, #41211B)
• Gentle Magenta color palette (#F8D3D8, #C23FBD, #B35100, #6A4D00, #2F0E15)
• Magenta Coast color palette (#FFF1F2, #E85AD0, #D42F34, #734C00, #2F2460)
• Rose Ridge color palette (#FFF1F6, #AB6EFF, #EF2E48, #9A5000, #3F202E)
• Hushed Archive color palette (#FFF0F7, #AB90FF, #C87F14, #905900, #1D1337)
• Feathered Garden color palette (#FFF2EB, #E474EB, #CD3694, #884800, #4A2644)
• Hushed Peony Ridge color palette (#FFF0FB, #6E8BFF, #DA4195, #B13328, #20294A)
• Gentle Moss Orchard color palette (#F4F8DF, #2CB235, #E44733, #965300, #2B2E0C)

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