Magenta Field color palette — #F9E7FB · #F055FF · #C49200 · #009FAB · #37123B

A conversation between Pink Orchid and Mustard, giving this palette its sense of trust and stability.

The five colors

• Blush (#F9E7FB): A whisper-light, dusty pink — the color of a candy shop window.
• Pink Orchid (#F055FF): A luminous, vivid pink — the color of neon signs at night.
• Mustard (#C49200): A luminous, balanced gold — the color of honey in a jar.
• Cerulean (#009FAB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#37123B): A deep, shadowed, balanced pink — the color of a candy shop window.

Feels like: Trust, Stability, Optimism, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Magenta Field 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

• Peony Basin color palette (#F2D4E6, #FF59CD, #AE9D00, #009CC0, #3D0F2F)
• Frosted Wisteria Veranda color palette (#F2E8FF, #C281FF, #DA8400, #00A297, #2E1643)
• Weathered Quarry color palette (#FFE2EB, #FF88B6, #A4B700, #00A7ED, #4D1E31)
• Aged Fuchsia color palette (#FCF1FF, #E477FF, #4E8B00, #00894B, #22002A)
• Blush Corridor color palette (#FAE4E7, #FF5C87, #75A800, #248BDD, #370F19)
• Mallow Lagoon color palette (#F7F3FF, #FAA7E8, #CEBD7E, #76BBCC, #453F50)
• Pale Tangerine color palette (#EBEEFF, #8D9BFF, #FE6135, #00A763, #1A1E4B)
• Emerald Bloom color palette (#F5DAFC, #FF90AA, #009C56, #0088A2, #3C0919)

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