Magenta Coast color palette — #D2F8EA · #B29700 · #CB00D1 · #2D112D · #150306

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

The five colors

• Honeydew (#D2F8EA): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#B29700): A luminous, balanced green — the color of new leaves after rain.
• Orchid (#CB00D1): A full-bodied, vivid pink — the color of a candy shop window.
• Deep Indigo (#2D112D): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#150306): A deep, shadowed, dusty red — the color of late-summer berries.

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

Use it as a design system

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

• Misty Peony Garden color palette (#CEEAEC, #B49600, #F200B1, #300220, #0B0202)
• Worn Magenta color palette (#C6EFDE, #C19600, #C225EB, #452C4D, #070316)
• Powdered Grove color palette (#E4F3E7, #DB7E00, #8C57EF, #1C0E36, #12030A)
• Patina Balcony color palette (#C7E5EC, #D1AE00, #EF5892, #520D2B, #2C110E)
• Hushed Peony color palette (#E4E5C2, #F98913, #FF469D, #1C000B, #020004)
• Airy Corridor color palette (#FCE6E8, #B88A00, #740B68, #33002D, #090001)
• Sapphire Field color palette (#DDF2F7, #A6AB27, #3C5EEB, #260711, #090208)
• Crimson Harbor color palette (#C8E4F0, #34B60B, #EA004F, #34000B, #0B0201)

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