Nocturne Boulevard color palette — #D4E1EA · #006B21 · #372C2E · #001623 · #000103

Pine and Ink set the tone — five colors that lean into nature and growth.

The five colors

• Silver (#D4E1EA): a clean, paper-quiet neutral.
• Pine (#006B21): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#372C2E): a grounded near-black with real depth.
• Ink (#001623): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000103): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged luxury, dark, muted.

Use it as a design system

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

• Charred Grove color palette (#D8F0E9, #785900, #2E2C34, #001628, #000307)
• Smoked Forest color palette (#E3EFFF, #006948, #000E3C, #0A0814, #000107)
• Muted Ridge color palette (#DCEAFB, #A95E24, #002A58, #201824, #000514)
• Dusty Navy color palette (#DDE1EC, #878CA6, #676885, #271C5B, #000108)
• Worn Atelier color palette (#E8F3FF, #00C775, #004E88, #00213F, #000816)
• Patina Dune color palette (#F4EFF9, #EDB598, #7E5169, #372B42, #16121B)
• Eclipse Corridor color palette (#D7E5F4, #00356C, #4D003C, #001711, #000104)
• Hushed Coral color palette (#E2E9FB, #E17F86, #413C7B, #1A1737, #020411)

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