Nocturne Courtyard color palette — #E3DBEE · #6F00B1 · #294800 · #2F004F · #030800

Plum and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Silver (#E3DBEE): A whisper-light, dusty violet — the color of a velvet chair.
• Plum (#6F00B1): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Olive (#294800): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Indigo (#2F004F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#030800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Energy, Depth, Luxury. Tagged dark, vibrant.

Use it as a design system

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

• Mulberry Orchard color palette (#FADDE0, #870081, #284900, #3B0038, #030800)
• Nightshade Harbor color palette (#F4D7E9, #4626C7, #513A00, #1C0063, #0A0500)
• Aubergine Hollow color palette (#E1E0FF, #8548AC, #4B6200, #530078, #040700)
• Velvet Ridge color palette (#EBDDF6, #5D0084, #2A3A00, #00271D, #040008)
• Worn Aubergine Study color palette (#ECEDFC, #A975D8, #657D02, #5E0090, #040700)
• Gentle Atelier color palette (#FED0D7, #D14AD4, #008043, #640066, #003317)
• Byzantium Harbor color palette (#F9E6FA, #9819A1, #44004B, #1E0809, #110019)
• Plum Workshop color palette (#F4DCE5, #C20079, #006A4F, #6A0040, #002116)

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