Nocturne Veranda color palette — #D7ECFF · #004A70 · #1B171E · #0E042B · #000205

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

The five colors

• Frost (#D7ECFF): A whisper-light, dusty blue — the color of deep harbor water.
• Navy (#004A70): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#1B171E): quiet, heavy and certain.
• Ink (#0E042B): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#000205): quiet, heavy and certain.

Feels like: Trust, Stability, Creativity, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Velvet Loft color palette (#D6F8EB, #004061, #273037, #070D11, #010009)
• Nocturne Denim color palette (#D2E6F8, #006196, #0E1B50, #0A0D14, #000205)
• Eclipse Lagoon color palette (#D2E3FD, #386AD5, #312F4D, #08162B, #00050B)
• Ancient Garden color palette (#E7EDFF, #5C2CE5, #433536, #381334, #04071C)
• Wandering Market color palette (#F7EBF3, #5D9EAC, #005E8F, #003D2B, #03002D)
• Obsidian Corridor color palette (#E1EBFE, #2D00C6, #302427, #18031D, #00000F)
• Weathered Iris color palette (#E0E3F8, #967DD6, #52485D, #2A2D3C, #14191E)
• Weathered Olive color palette (#DCEDE2, #59823F, #00523D, #003042, #020800)

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