Nocturne Garden color palette — #FDE3F5 · #C11F52 · #12005E · #02001D · #0B0002

Magenta Rose and Deep Indigo set the tone — five colors that lean into creativity and energy.

The five colors

• Blush (#FDE3F5): A whisper-light, dusty pink — the color of neon signs at night.
• Magenta Rose (#C11F52): A full-bodied, vivid red — the color of late-summer berries.
• Deep Indigo (#12005E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#02001D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#0B0002): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Creativity, Energy, Depth, Luxury. Tagged luxury, dark.

Use it as a design system

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

• Moonless Rust color palette (#FFE4EA, #BF3200, #31003E, #180B01, #0B0010)
• Timeworn Rose color palette (#F8DBE9, #FF3E4B, #431B85, #200349, #1E0513)
• Cellar Navy Pier color palette (#F6DBF0, #836200, #0E0064, #090102, #010016)
• Soft Amber color palette (#F1D7D7, #CF6E3B, #581846, #2B0320, #160607)
• Navy Alley color palette (#E4EDFF, #A57C00, #1F2689, #05013C, #010010)
• Timeworn Byzantium color palette (#ECD6F5, #AF1DB0, #6E005A, #340021, #1C000B)
• Midnight Workshop color palette (#FFE8DF, #900090, #5A0038, #281200, #1B0015)
• Dusty Aubergine Courtyard color palette (#FBEBF0, #C29EA5, #9A7377, #4C1C66, #200D14)

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