Nocturne Villa color palette — #F9DDE1 · #C40053 · #532106 · #240F14 · #100114

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

The five colors

• Shell Pink (#F9DDE1): A whisper-light, dusty red — the color of late-summer berries.
• Magenta Rose (#C40053): A full-bodied, vivid red — the color of embers at dusk.
• Espresso (#532106): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#240F14): A deep, shadowed, dusty red — the color of embers at dusk.
• Ink (#100114): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Inked Brick Lantern color palette (#F8DBD8, #C8021C, #4C2800, #170001, #030006)
• Moonless Plum color palette (#EDE3FE, #B1149A, #4E2229, #1D0E16, #0B0219)
• Shadow Mulberry color palette (#F2E7F4, #920037, #35312B, #1D1307, #130001)
• Bronze Chapel color palette (#FFE3EF, #A15200, #3E3000, #26130E, #14010A)
• Powdered Rose Harbor color palette (#FFE9E9, #FF3957, #7D4B27, #442A43, #0B0510)
• Soft Drift color palette (#FFE5EA, #EC3B5F, #BE3400, #783C00, #201300)
• Muted Tangerine Basin color palette (#F6DEE9, #F4790F, #76653C, #553747, #180D17)
• Obsidian Lantern color palette (#F7D7CF, #4D525B, #68002A, #1F1D0D, #110200)

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