Nocturne Plum color palette — #F1E4F6 · #BE0060 · #4B1808 · #211027 · #0E050D

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

The five colors

• Blush (#F1E4F6): A whisper-light, dusty pink — the color of peonies in June.
• Magenta Rose (#BE0060): A full-bodied, vivid red — the color of embers at dusk.
• Espresso (#4B1808): A deep, shadowed, balanced orange — the color of toasted spice.
• Deep Indigo (#211027): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#0E050D): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

One click turns Nocturne 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

• Brick Lantern color palette (#F4E4F2, #AF2930, #3B1929, #1D0D1B, #080306)
• Lowlit Plum color palette (#EBE5FF, #A524A1, #4A1525, #1B112E, #0C0611)
• Mulberry Atelier color palette (#F4DFF6, #9F0039, #563400, #2F0F00, #110313)
• Weathered Raspberry color palette (#EEDDF3, #F10C75, #633638, #301F35, #150E1A)
• Ancient Corridor color palette (#F0DFE8, #B44E0E, #203925, #291923, #130A0D)
• Washed Blush color palette (#ECDCD9, #FF5F95, #865A54, #593832, #1D0C0C)
• Twilit Chestnut color palette (#FDE9EF, #804D00, #231F00, #170A00, #050100)
• Aged Rust color palette (#FFE1F4, #D84800, #008094, #006796, #4D2213)

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