Nocturne Harbor color palette — #D0E9D4 · #141EF8 · #580042 · #001F08 · #0F0226

Cobalt and Mulberry set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#D0E9D4): A whisper-light, dusty teal — the color of sea glass.
• Cobalt (#141EF8): A full-bodied, vivid violet — the color of wild irises.
• Mulberry (#580042): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#001F08): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#0F0226): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Energy, Depth, Luxury. Tagged retro, 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

• Lowlit Grape color palette (#D2F6F4, #6416D0, #5E0024, #001E1C, #17001D)
• Charred Aubergine Archive color palette (#E6F7D6, #00599D, #510055, #101D00, #08032A)
• Aubergine Parlor color palette (#E5EBFF, #5000BD, #2B2D00, #031900, #000606)
• Velvet Aubergine color palette (#F0DACE, #7A1F9D, #530047, #260B00, #040006)
• Faded Terrace color palette (#BFF3D7, #6063FF, #94005C, #00442B, #331A4C)
• Weathered Boulevard color palette (#F3DFE9, #449BBC, #00488F, #003129, #12033F)
• Dusty Byzantium Coast color palette (#EDE4F3, #0093D0, #8E00E1, #871B00, #170010)
• Violet Cabin color palette (#E0EAFD, #955DB4, #693134, #002F26, #00181B)

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