Magenta Coast color palette — #FFF1F1 · #ACAEFF · #FD34D6 · #B93B00 · #510030

Hot Pink and Terracotta set the tone — five colors that lean into creativity and warmth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Lavender (#ACAEFF): A luminous, balanced violet — the color of a velvet chair.
• Hot Pink (#FD34D6): A luminous, vivid pink — the color of peonies in June.
• Terracotta (#B93B00): A full-bodied, vivid orange — the color of sun-warmed clay.
• Mulberry (#510030): A deep, shadowed, balanced rose — the color of pressed rose petals.

Feels like: Creativity, Warmth, Comfort, Energy. Tagged candy, vibrant, light, warm.

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

• Softworn Field color palette (#FFF1F0, #CFA1FF, #FE0493, #B35600, #550822)
• Magenta Quarry color palette (#FAF1FF, #A2B1FF, #CB51E5, #D90048, #50003C)
• Flaring Quarry color palette (#F6EEFF, #F286FF, #F92AC7, #DF0070, #2C001B)
• Weathered Balcony color palette (#FFEFEA, #E27BD8, #F9516D, #815E00, #3E1205)
• Softworn Blush Quarry color palette (#FFF2EE, #FAB7FF, #FF6991, #B17700, #5D100F)
• Peony Workshop color palette (#FFF0F9, #FBA6FE, #FF80CF, #F9147A, #530036)
• Worn Chapel color palette (#EADEE8, #EC2F87, #B1003E, #7D0403, #532000)
• Peony Meadow color palette (#F5D7C3, #E957B0, #C25000, #585300, #251000)

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