Nocturne Harbor color palette — #DEEDFF · #0062D3 · #1D2750 · #0D1927 · #05060F
Royal Blue and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#DEEDFF): A whisper-light, dusty blue — the color of deep harbor water.
- Royal Blue (#0062D3): A full-bodied, vivid blue — the color of deep harbor water.
- Midnight (#1D2750): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Ink (#0D1927): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#05060F): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Energy, Depth, Luxury. Tagged noir, dark, luxury, muted.
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
- Eclipse Quarry color palette (#DEE6F6, #4B3AFF, #2A2448, #101828, #06050F)
- Petrol Loft color palette (#D1E4EF, #007393, #042E45, #001B29, #040810)
- Cornflower Loft color palette (#F4DFF4, #1D83F9, #3E3F6D, #311F32, #03160F)
- Aged Byzantium color palette (#E0E3F8, #864CCB, #312E48, #1D1E29, #0E0B11)
- Hushed Loft color palette (#D9E4F0, #50A4FF, #6E5C8E, #2A435F, #06141A)
- Obsidian Meadow color palette (#EBE9FB, #4E00AF, #2A1916, #160328, #010112)
- Worn Balcony color palette (#F4EFFF, #A66099, #42384A, #2A2631, #171418)
- Faded Byzantium color palette (#F0E6FF, #A33AFD, #C72B5A, #006895, #37274B)
Browse the whole catalog at Explore, or see today's palette.