Nocturne Pier color palette — #DBE5F2 · #002A6A · #380018 · #010D00 · #000207

Navy takes the lead with Ink close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DBE5F2): A whisper-light, dusty blue — the color of open sky before noon.
• Navy (#002A6A): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#380018): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#010D00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000207): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

Use it as a design system

One click turns Nocturne Pier 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 Onyx color palette (#D8ECFA, #004359, #1F252D, #3A0B00, #000D06)
• Aubergine Ridge color palette (#E7EBFD, #3C0080, #2C0F00, #000E0E, #01000F)
• Velvet Aubergine color palette (#E0E6FF, #612801, #370077, #2C131D, #0D0008)
• Worn Navy Balcony color palette (#E7EFF9, #9598AC, #76698D, #002662, #020917)
• Onyx Chapel color palette (#D8EBE7, #005075, #39004D, #031200, #00001A)
• Aubergine Cabin color palette (#DDF4FF, #005DB5, #400071, #23001D, #080001)
• Inked Denim color palette (#D8E7F9, #005096, #620D00, #1B1900, #000203)
• Nightshade Harbor color palette (#E6EFFF, #2E19C5, #492400, #001C21, #03031F)

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