Nocturne Harbor color palette — #D7F1F4 · #006886 · #003862 · #12004D · #060011

Deep Indigo takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D7F1F4): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#006886): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#003862): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#12004D): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#060011): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Depth, Luxury. Tagged dark, cool.

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

• Petrol Cabin color palette (#E0F3FF, #006CA9, #003F75, #001C47, #150031)
• Lowlit Cypress color palette (#C9EADE, #006A6E, #004051, #001B2C, #010016)
• Cobalt Archive color palette (#E2F2F8, #008ED0, #00508C, #001F65, #01000E)
• Shadow Nightshade color palette (#BDE7F4, #0067A2, #1F00AD, #23004F, #0A0010)
• Patina Cabin color palette (#E1EDFE, #0055BB, #634200, #00265C, #050200)
• Worn Plum Ridge color palette (#D2E8FF, #A589E7, #B24987, #00444A, #02001D)
• Washed Denim color palette (#D8E9DF, #A15A00, #0065A8, #0A0B16, #000104)
• Velvet Navy Drift color palette (#D0E5FE, #00498B, #4A3D00, #202E08, #000104)

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