Nocturne Harbor color palette — #D2E1F1 · #3652C9 · #390089 · #270043 · #07000A

Cobalt and Royal Purple set the tone — five colors that lean into creativity and depth.

The five colors

• Frost (#D2E1F1): A whisper-light, dusty blue — the color of open sky before noon.
• Cobalt (#3652C9): A full-bodied, vivid violet — the color of wild irises.
• Royal Purple (#390089): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#270043): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#07000A): A deep, shadowed, dusty pink — the color of neon signs at night.

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

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

• Linen Veranda color palette (#E1F3FE, #0063AC, #0023A1, #190051, #090014)
• Hazy Canyon color palette (#E2E7F8, #5444E9, #3F009B, #2D0065, #1E003A)
• Soft Grape color palette (#EBEEFF, #6441A9, #4E4C00, #34006C, #030300)
• Shadow Market color palette (#EADEF5, #7F52AD, #4C0076, #16002A, #020006)
• Chalky Grape Parlor color palette (#EAEEFF, #6B69E3, #6009DA, #260055, #030007)
• Gentle Grape color palette (#D3E7FB, #326EF8, #5B00DF, #4C0071, #25002C)
• Antique Nightshade Workshop color palette (#E2DCF4, #B98FBA, #C8455F, #012AAE, #120019)
• Cellar Grape Drift color palette (#EEE6FF, #852BA1, #590055, #350021, #110002)

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