Nocturne Navy color palette — #D6F3EC · #086B77 · #003662 · #39001B · #0C0100

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

The five colors

• Honeydew (#D6F3EC): A whisper-light, dusty teal — the color of shallow lagoons.
• Peacock (#086B77): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003662): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#39001B): A deep, shadowed, balanced rose — the color of a warm blush.
• Ink (#0C0100): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged vintage, retro, muted, dark.

Use it as a design system

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

• Deep Alley color palette (#E0F0D7, #006B4C, #003D3E, #270F30, #05000B)
• Nocturne Denim Cabin color palette (#C4E3F9, #3D5B92, #402E62, #2B1000, #060300)
• Abyss Canyon color palette (#C7EDEC, #005663, #003241, #001522, #000104)
• Aged Denim color palette (#D7F0E5, #579179, #00557F, #2F2000, #000200)
• Petrol Corridor color palette (#C5ECE3, #008395, #345678, #4D2432, #1F0500)
• Washed Boulevard color palette (#D5E2D8, #488198, #004062, #001F21, #000105)
• Cocoa Thicket color palette (#E5F1FA, #005470, #622700, #002230, #030100)
• Lowlit Alley color palette (#C5E5FB, #00405E, #5E0032, #212600, #000103)

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