Magenta Studio color palette — #FFF1F3 · #E44CCF · #2B7700 · #005C46 · #00262E
A conversation between Hot Pink and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F3): a clean, paper-quiet neutral.
- Hot Pink (#E44CCF): A luminous, vivid pink — the color of peonies in June.
- Olive (#2B7700): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#005C46): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#00262E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Magenta Studio 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
- Feathered Magenta color palette (#FFF1F3, #F34FF8, #21870C, #006169, #00383D)
- Ancient Hollow color palette (#FFF1F6, #B96DFF, #217B04, #00624D, #15260C)
- Airy Magenta Boulevard color palette (#FFF1F2, #E110C3, #007F6B, #006151, #042D1C)
- Dusty Peony Terrace color palette (#FEE1E0, #D6419D, #086714, #05510E, #00160F)
- Peony Ridge color palette (#FBF1FF, #E86392, #936500, #005A52, #120227)
- Quiet Corridor color palette (#FFF2EB, #E8735B, #309363, #296A49, #36212C)
- Washed Workshop color palette (#E2FFDA, #D27CFF, #CC4D40, #006770, #4B283F)
- Plum Corridor color palette (#FEE9E5, #B8005C, #00614A, #003F2F, #000919)
Browse the whole catalog at Explore, or see today's palette.