Nocturne Scarlet color palette — #F9DFD4 · #D32E2C · #3D1900 · #0E1306 · #0B0200

A conversation between Crimson and Espresso, giving this palette its sense of optimism and energy.

The five colors

• Shell Pink (#F9DFD4): A whisper-light, dusty orange — the color of autumn markets.
• Crimson (#D32E2C): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#3D1900): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#0E1306): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0B0200): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Energy, Depth, Luxury. Tagged noir, dark, luxury, vibrant.

Use it as a design system

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

• Lowlit Hollow color palette (#FFDCD8, #C92B7C, #391B11, #0F0F05, #0E0000)
• Shadow Bronze color palette (#FAE0CA, #AE5F00, #312200, #051112, #080300)
• Timeworn Rose Courtyard color palette (#F9E3DA, #E15755, #6B4D25, #541B00, #0C0202)
• Tempered Terracotta color palette (#F9E2F7, #A2001E, #4A483C, #271500, #0C010B)
• Wandering Apricot Terrace color palette (#FFDAD4, #F9885A, #C36400, #6F4500, #2C1C00)
• Amber Thicket color palette (#FFF3E8, #D38B4D, #5D4000, #281B0F, #090402)
• Byzantium Basin color palette (#FFF3E6, #C97F00, #00968F, #864AB0, #160900)
• Tempered Cocoa color palette (#FCE3C6, #61636C, #6C4300, #181C15, #080500)

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