Nocturne Harbor color palette — #DFDFF6 · #713AC5 · #3F0067 · #1A0025 · #080009

Plum takes the lead with Royal Purple close behind in a set that reads as creativity and energy at first glance.

The five colors

• Frost (#DFDFF6): A whisper-light, dusty violet — the color of twilight just after sunset.
• Plum (#713AC5): A full-bodied, vivid violet — the color of a velvet chair.
• Royal Purple (#3F0067): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#1A0025): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#080009): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

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

• Worn Indigo Canyon color palette (#FBD9E8, #5F59FF, #713BD2, #5B0C72, #070013)
• Deep Lapis Ridge color palette (#E5EDFF, #463BD7, #350082, #1A0038, #0A0014)
• Shadow Loft color palette (#FFE7E3, #5E00AE, #3C0047, #220100, #070010)
• Hushed Aubergine color palette (#D3DFFF, #675FBF, #630B9A, #38003B, #0A0005)
• Byzantium Veranda color palette (#F0D9F8, #9B009E, #550049, #200013, #070000)
• Misty Grape color palette (#D0E3EB, #3C80D6, #7727C2, #6F005C, #080001)
• Lowlit Denim Orchard color palette (#D0ECFF, #0066A8, #002B67, #040043, #030019)
• Smoked Aubergine Summit color palette (#FFE9F1, #3D3933, #3F006C, #1B0C03, #0A000F)

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