Magenta Garden color palette — #FBF1FF · #CB4FF2 · #888200 · #006544 · #190021

Orchid and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FBF1FF): A whisper-light, dusty pink — the color of peonies in June.
• Orchid (#CB4FF2): A luminous, vivid pink — the color of a candy shop window.
• Olive Leaf (#888200): A full-bodied, balanced green — the color of fresh herbs.
• Pine (#006544): A full-bodied, balanced teal — the color of sea glass.
• Ink (#190021): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

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

• Timeworn Magenta color palette (#FFF0FB, #FF41E3, #677800, #00625D, #1D0018)
• Magenta Workshop color palette (#F6F3FF, #D13BC3, #636800, #004E48, #030024)
• Iris Basin color palette (#F1F5FF, #897AFF, #AC6F00, #386200, #0D0031)
• Hushed Coast color palette (#FBF1FF, #FF4897, #7E6900, #004A47, #14003D)
• Ancient Peony color palette (#FBF1FF, #D25B84, #2D8B4D, #005767, #160006)
• Byzantium Canyon color palette (#FFD9E2, #9D00C3, #635A00, #004935, #2D1235)
• Washed Emerald Alley color palette (#F9F2FF, #FF89C4, #3B9A2B, #007679, #320820)
• Pale Peony Loft color palette (#ECDDFF, #FF54C8, #EC6B00, #008F6F, #39072A)

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