Magenta Garden color palette — #F4F4FF · #DCAEFF · #EF21C3 · #B82860 · #561A19

A conversation between Hot Pink and Magenta Rose, giving this palette its sense of creativity and warmth.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Lavender (#DCAEFF): A whisper-light, balanced violet — the color of wild irises.
• Hot Pink (#EF21C3): A luminous, vivid pink — the color of a candy shop window.
• Magenta Rose (#B82860): A full-bodied, vivid red — the color of embers at dusk.
• Espresso (#561A19): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Creativity, Warmth, Comfort, Energy. Tagged vibrant, warm.

Use it as a design system

One click turns Magenta Garden 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

• Linen Peony Coast color palette (#F8F2FF, #FD9CFB, #FD1993, #BC182C, #62260B)
• Timeworn Quarry color palette (#F2F5FF, #CAB9FF, #D431F8, #A22783, #5C1C32)
• Linen Fuchsia color palette (#ECD7FF, #EE99FF, #EB62D2, #B95188, #672339)
• Peony Corridor color palette (#F6E1FA, #F25CAF, #B20052, #6C1800, #120500)
• Hazy Raspberry color palette (#EAE4FF, #DB84EC, #DA1AA1, #850032, #310900)
• Gentle Plum color palette (#E2DBEE, #C76EDE, #B03698, #950B5E, #6E262D)
• Linen Plum color palette (#F3DFF8, #CB6ACC, #AC2F99, #78065A, #46002A)
• Tempered Raspberry Coast color palette (#FAF1FF, #FFAAC9, #03D358, #D82180, #003912)

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