Magenta Workshop color palette — #F3D9CC · #BB57BB · #B54000 · #504D00 · #170A00

A conversation between Orchid and Terracotta, giving this palette its sense of nature and growth.

The five colors

• Bone (#F3D9CC): A whisper-light, dusty orange — the color of autumn markets.
• Orchid (#BB57BB): A luminous, vivid pink — the color of peonies in June.
• Terracotta (#B54000): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Olive (#504D00): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#170A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged candy, vibrant, light.

Use it as a design system

One click turns Magenta Workshop 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 Lantern color palette (#F1E4D9, #E1459A, #9B5200, #2B5500, #130A00)
• Crimson Field color palette (#F6E6E1, #A46DEB, #D8003A, #5B5000, #130400)
• Patina Plum color palette (#EED8D7, #637FED, #C00083, #704200, #190003)
• Tempered Blush color palette (#FDDECA, #FF5683, #EC5200, #7F5B00, #1A0800)
• Aubergine Balcony color palette (#F3E0E5, #A56573, #684800, #381C5A, #240938)
• Antique Bronze color palette (#F9E6E5, #A45100, #503700, #271F00, #001206)
• Amber Orchard color palette (#FCF0D9, #EF888D, #A48800, #007C50, #222200)
• Tangerine Boulevard color palette (#FFF2EA, #FF98D6, #F26B00, #657400, #392100)

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