Magenta Garden color palette — #EFF6FF · #9EE8FF · #9CC3FF · #DC48FF · #302B6A
A conversation between Pink Orchid and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF6FF): bright and airy, almost weightless.
- Powder Blue (#9EE8FF): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#9CC3FF): A luminous, balanced blue — the color of open sky before noon.
- Pink Orchid (#DC48FF): A luminous, vivid pink — the color of a candy shop window.
- Navy (#302B6A): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged candy, vibrant, light.
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
- Quiet Peony color palette (#F1F5FF, #9FE1FF, #AEB6FF, #EE4ABC, #3D2A5C)
- Powdered Wisteria color palette (#EEF6FF, #00FBF3, #7CC2FF, #B87DFF, #132F65)
- Hazy Peony color palette (#EEF4FF, #71D3FF, #919BFF, #D445B7, #2A114B)
- Fuchsia Ridge color palette (#FFF0FC, #D4D4E3, #E17BE2, #B89FA8, #201E4A)
- Violet Chapel color palette (#FFF0FC, #96CCFF, #91AEFF, #8357E1, #282E5C)
- Fuchsia Market color palette (#F6F3FF, #BEC5FF, #FF62EA, #FC471B, #490034)
- Feathered Byzantium color palette (#E8F1FF, #A3A9FF, #9D59F5, #9600A3, #672159)
- Feathered Workshop color palette (#D8DDFE, #66B9FF, #A47FFF, #CC0084, #1E002F)
Browse the whole catalog at Explore, or see today's palette.