Nocturne Harbor color palette — #DFF0F9 · #005FB5 · #060096 · #1C004B · #120021

Indigo and Cobalt set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DFF0F9): A whisper-light, dusty blue — the color of deep harbor water.
• Cobalt (#005FB5): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#060096): A deep, shadowed, vivid violet — the color of wild irises.
• Deep Indigo (#1C004B): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#120021): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, 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

• Navy Parlor color palette (#DAEAFF, #1941A7, #150087, #0B003A, #020010)
• Onyx Cabin color palette (#DFF3F8, #006787, #00315D, #08005A, #0F002D)
• Lapis Cabin color palette (#D4F0FF, #0079CF, #392CFC, #3C0098, #0F001C)
• Nocturne Station color palette (#D2DFFC, #554AC2, #43007E, #270033, #180005)
• Nightshade Dune color palette (#FFE8F8, #3438BD, #463F00, #130068, #070600)
• Nightshade Study color palette (#E9ECFF, #3500B0, #3F3200, #0C260C, #01000E)
• Quiet Mulberry Lagoon color palette (#E6E9F9, #A082BD, #99466C, #003351, #0F0024)
• Dusty Grape Studio color palette (#E1EFFF, #7586F4, #6943C3, #5C1679, #471744)

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