Nocturne Plum Garden color palette — #ECE2EF · #C20D5D · #4B1500 · #1A0620 · #04020A

Magenta Rose takes the lead with Espresso close behind in a set that reads as optimism and energy at first glance.

The five colors

• Blush (#ECE2EF): A whisper-light, dusty pink — the color of neon signs at night.
• Magenta Rose (#C20D5D): A full-bodied, vivid red — the color of late-summer berries.
• Espresso (#4B1500): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#1A0620): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#04020A): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Rust Study color palette (#F3DBEB, #BB3400, #3B2400, #1C0717, #060207)
• Mulberry Ridge color palette (#EDE2ED, #A00032, #4F4700, #2D1100, #0C010E)
• Eclipse Cabin color palette (#E6E0F6, #B200A4, #491421, #140925, #03030B)
• Raspberry Loft color palette (#F4E0DC, #F20E72, #61392A, #3A1D18, #1A0E0F)
• Garnet Corridor color palette (#FAE8F4, #792000, #322F28, #170B00, #040003)
• Soft Scarlet color palette (#FFDCD3, #E33F17, #008492, #0F5AC5, #320500)
• Wandering Blush color palette (#FFDDEA, #FB597B, #CD3400, #753800, #2F1C00)
• Midnight Pier color palette (#D6E6D4, #7F4F00, #211F00, #010B00, #040002)

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