Magenta Courtyard color palette — #FDD7DB · #F222ED · #4286FF · #02153C · #080207
Built around Orchid, softened by Azure — the whole palette hums with trust and stability.
The five colors
- Shell Pink (#FDD7DB): A whisper-light, dusty red — the color of embers at dusk.
- Orchid (#F222ED): A luminous, vivid pink — the color of neon signs at night.
- Azure (#4286FF): A luminous, vivid violet — the color of twilight just after sunset.
- Midnight (#02153C): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#080207): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged neon, dark, vibrant.
Use it as a design system
One click turns Magenta Courtyard 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
- Orchid Courtyard color palette (#D0F5EB, #BF67FF, #0090F2, #001C36, #000805)
- Fuchsia Workshop color palette (#C4E9E6, #FC6FF9, #70A3FF, #142A52, #230E22)
- Aged Magenta Loft color palette (#EDDED5, #FD2FE0, #00A9B2, #00393C, #00090D)
- Patina Delta color palette (#D2F3FF, #FF71BA, #AA83FF, #281C42, #190811)
- Gentle Amethyst color palette (#C6F0F6, #D4009A, #693AFF, #070222, #050003)
- Airy Rose color palette (#FFE7E0, #FF3A59, #0091A0, #081620, #000802)
- Aged Atelier color palette (#D4E9D5, #9B9EFF, #00AAD2, #060C16, #000103)
- Antique Balcony color palette (#D2E5F1, #FF96B2, #CA8FFF, #492C37, #261B1F)
Browse the whole catalog at Explore, or see today's palette.