Nocturne Harbor color palette — #F8E3F2 · #3D40ED · #3A192A · #1D0D1A · #080305

Iris and Onyx set the tone — five colors that lean into creativity and energy.

The five colors

• Blush (#F8E3F2): A whisper-light, dusty pink — the color of a candy shop window.
• Iris (#3D40ED): A full-bodied, vivid violet — the color of a velvet chair.
• Onyx (#3A192A): A deep, shadowed, dusty rose — the color of a warm blush.
• Ink (#1D0D1A): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#080305): a grounded near-black with real depth.

Feels like: Creativity, Energy, Depth, Luxury. Tagged noir, dark, luxury, 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

• Charred Terrace color palette (#F4E2F5, #0061BA, #361B2E, #1B0E1C, #020A0B)
• Amethyst Canyon color palette (#F1DFE7, #7B4ED7, #462830, #271B21, #110A0B)
• Nightshade Basin color palette (#F5DBEA, #4200B9, #231911, #170425, #090005)
• Shadow Lagoon color palette (#FDD9E2, #8900AD, #39042C, #1C040C, #070000)
• Wandering Iris Lagoon color palette (#E2EAF9, #8193EB, #565F84, #313C54, #070D18)
• Petrol Garden color palette (#D6E4DD, #006D8A, #002D25, #06180F, #000504)
• Orchid Ridge color palette (#FDEDEF, #A45EA5, #4B3635, #322426, #1A1312)
• Quiet Orchid Basin color palette (#FFD9E3, #9F52C1, #936100, #006868, #411F2A)

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