Magenta Terrace color palette — #FBD3DB · #C144D8 · #5E364C · #3C1A23 · #1A0D13

Orchid and Cocoa set the tone — five colors that lean into creativity and warmth.

The five colors

• Shell Pink (#FBD3DB): A whisper-light, dusty red — the color of a theater curtain.
• Orchid (#C144D8): A luminous, vivid pink — the color of a candy shop window.
• Cocoa (#5E364C): A deep, shadowed, dusty rose — the color of strawberry cream.
• Espresso (#3C1A23): A deep, shadowed, dusty red — the color of a theater curtain.
• Ink (#1A0D13): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Creativity, Warmth, Comfort, Energy, Balance. Tagged noir, dark, luxury, vibrant.

Use it as a design system

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

• Hushed Atelier color palette (#FFE9E9, #BF5299, #553730, #2F1B1C, #16090C)
• Hushed Study color palette (#FFE8F4, #8769F5, #513B5C, #391B2C, #180E16)
• Magenta Corridor color palette (#F5F3FF, #D83AF4, #5B2645, #16102A, #010106)
• Linen Byzantium color palette (#FFE7ED, #9632B1, #471825, #26092D, #160608)
• Frosted Magenta color palette (#E9E7FF, #DA64FF, #954D60, #413C5E, #0E111B)
• Shadow Plum Harbor color palette (#FFEAE8, #AD0068, #421015, #21200F, #1B0001)
• Washed Blush Corridor color palette (#FFE3E9, #EC6891, #7D9E00, #0084CB, #501C2C)
• Muted Amber color palette (#FBEFE9, #D4846B, #7B4C10, #40352F, #27201D)

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