Twilit Plum color palette — #F6E7FF · #BF0074 · #4B150E · #17091E · #04020B

A conversation between Magenta Rose and Espresso, giving this palette its sense of energy and depth.

The five colors

• Blush (#F6E7FF): A whisper-light, dusty violet — the color of a velvet chair.
• Magenta Rose (#BF0074): A full-bodied, vivid rose — the color of a warm blush.
• Espresso (#4B150E): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#17091E): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#04020B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Energy, Depth, Luxury. Tagged noir, dark, luxury, vibrant.

Use it as a design system

One click turns Twilit Plum 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

• Midnight Villa color palette (#F7E8F7, #BC003A, #351C29, #140714, #030105)
• Mulberry Bloom color palette (#F4E9F7, #9E0048, #3C3A33, #320C00, #0B010E)
• Raspberry Villa color palette (#FFE6E3, #E3328D, #663435, #3A1D1B, #1A0D0F)
• Shadow Byzantium Bloom color palette (#E5E1F8, #A700BE, #461629, #110B22, #02030B)
• Rust Boulevard color palette (#F7E3F0, #BE4B26, #213721, #1D1219, #080509)
• Lowlit Chestnut color palette (#F8E1CF, #874900, #251E00, #100500, #030002)
• Scarlet Workshop color palette (#FFDCD3, #E73900, #008493, #006C87, #320600)
• Scarlet Corridor color palette (#F5E0EB, #FF4F91, #CF041B, #7D3100, #3B1E00)

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