Nocturne Boulevard color palette — #F4D7DC · #A90022 · #5B1800 · #241000 · #060600

Garnet takes the lead with Espresso close behind in a set that reads as warmth and comfort at first glance.

The five colors

• Shell Pink (#F4D7DC): A whisper-light, dusty red — the color of embers at dusk.
• Garnet (#A90022): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#5B1800): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#241000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#060600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Warmth, Comfort, Depth, Luxury. Tagged dark, warm.

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

• Brick Lagoon color palette (#FAD6D1, #BA2C00, #7E2C00, #411700, #190700)
• Mulberry Chapel color palette (#EBDAE9, #9C005C, #620028, #330300, #140400)
• Cocoa Coast color palette (#F2E0D2, #803B00, #004559, #371500, #00070C)
• Obsidian Chestnut color palette (#FCDFCE, #845600, #403300, #1A1B00, #060A00)
• Hushed Olive color palette (#F4DBC8, #B39340, #507300, #5F0026, #180A00)
• Twilit Cocoa color palette (#F6DDCE, #652D00, #00394B, #1A1B40, #040100)
• Worn Bronze Coast color palette (#F4D8CB, #B47000, #604700, #323100, #00220E)
• Washed Sapphire color palette (#D9E0FF, #1367F6, #835B00, #0F0F06, #030100)

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