Magenta Courtyard color palette — #FFF1F4 · #DE55F3 · #3F7B00 · #004850 · #001619

Pink Orchid takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Pink Orchid (#DE55F3): A luminous, vivid pink — the color of peonies in June.
• Olive (#3F7B00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Teal (#004850): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#001619): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged 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

• Misty Lilac Station color palette (#FFF0F7, #9D80FF, #786C00, #004B3C, #001711)
• Chalky Villa color palette (#FFF2F0, #FF7CAE, #00956B, #00577F, #002538)
• Hushed Rose color palette (#FFF2EE, #FF5174, #007B78, #004756, #00151E)
• Worn Peony color palette (#FFF2EF, #FF4993, #007E5A, #0E1DB1, #020048)
• Softworn Drift color palette (#FFD5D1, #CA007D, #624700, #00352A, #01003D)
• Muted Blush color palette (#F2E0FF, #FF6CB3, #AC8300, #007868, #140072)
• Airy Studio color palette (#E0E7FE, #6D3CF7, #634600, #003752, #18193E)
• Aged Harbor color palette (#FEF2F4, #E5B9F3, #96A069, #40718D, #103D54)

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