Nocturne Harbor color palette — #F8E7FF · #E30078 · #491B00 · #160007 · #020008

Fuchsia and Espresso set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#F8E7FF): A whisper-light, dusty pink — the color of neon signs at night.
• Fuchsia (#E30078): A full-bodied, vivid red — the color of a theater curtain.
• Espresso (#491B00): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#160007): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Black (#020008): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Warmth, Comfort, 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

• Peony Pier color palette (#F0DDDA, #FF2883, #893F37, #542131, #110304)
• Smoked Bloom color palette (#FFE5F8, #E32D00, #3A2700, #160100, #030005)
• Midnight Magenta Drift color palette (#EFEBFF, #BF39C0, #540619, #130013, #010009)
• Velvet Atelier color palette (#F9E4EA, #A50056, #361200, #20000C, #070000)
• Patina Delta color palette (#FFF1F7, #C1743A, #123E2B, #1C0812, #030003)
• Scarlet Delta color palette (#FFD9F2, #FF8EB0, #EA1201, #854300, #2B1B00)
• Stone Delta color palette (#FBF1FC, #DD99A1, #634E56, #312732, #100E14)
• Chestnut Boulevard color palette (#F6D4DF, #875100, #2A271C, #121400, #020100)

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