Hazy Magenta color palette — #FFF1F3 · #DD57E9 · #826700 · #004755 · #00151E

Built around Pink Orchid, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Pink Orchid (#DD57E9): A luminous, vivid pink — the color of neon signs at night.
• Ochre (#826700): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#004755): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00151E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged vibrant.

Use it as a design system

One click turns Hazy Magenta 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 Magenta Lagoon color palette (#FFF1F4, #CD5FFD, #816800, #004E15, #001619)
• Patina Lagoon color palette (#FFF1F0, #FE43A6, #627400, #00426F, #020048)
• Soft Courtyard color palette (#E6E5FF, #9E24CD, #664400, #003B3D, #002546)
• Dusty Dune color palette (#FFF2EF, #FD80A5, #5F8E1D, #00538E, #002340)
• Coral Orchard color palette (#FFF2ED, #E85F58, #007650, #003E56, #060036)
• Gentle Amber color palette (#FFEFFF, #FFA9BA, #CA7E44, #00728D, #00334B)
• Feathered Courtyard color palette (#FFDCF3, #FF7C52, #AE8200, #4B7600, #002B23)
• Hushed Ember Garden color palette (#FFE3EC, #FF99A2, #EC3B01, #7F3B00, #3D2300)

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