Nocturne Navy Harbor color palette — #D7E7F6 · #004FA3 · #0E0091 · #0E003C · #010008

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

The five colors

• Frost (#D7E7F6): A whisper-light, dusty blue — the color of open sky before noon.
• Indigo (#004FA3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Indigo (#0E0091): A deep, shadowed, vivid violet — the color of a velvet chair.
• Deep Indigo (#0E003C): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#010008): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Energy, Depth, Luxury. Tagged dark, vibrant.

Use it as a design system

One click turns Nocturne Navy 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

• Twilit Ridge color palette (#D2F4FF, #005C89, #0407AC, #1D0040, #14001A)
• Shadow Nightshade Thicket color palette (#DEE8FE, #373BA1, #483A00, #140061, #020100)
• Moonless Hollow color palette (#E2DFFC, #5C4FA6, #2C0071, #090020, #070000)
• Denim Hollow color palette (#C1EAFA, #005A85, #002A50, #000831, #01000D)
• Pale Ultramarine color palette (#E0F1FF, #0066DB, #1100E2, #240070, #0C0020)
• Sunlit Navy Lagoon color palette (#E0E9FF, #9A7CBE, #8C4777, #002676, #04000F)
• Twilit Aubergine color palette (#DBE3FA, #3702A2, #561B00, #002B1A, #010009)
• Softworn Grape Orchard color palette (#DDE9FF, #6B75D5, #5C2EB8, #480073, #2B0035)

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