Nocturne Onyx Lantern color palette — #F5D8EA · #5E2E00 · #511900 · #221008 · #070300

Espresso and Cocoa set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#F5D8EA): A whisper-light, dusty pink — the color of neon signs at night.
• Cocoa (#5E2E00): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#511900): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#221008): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#070300): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Moonless Summit color palette (#F4D6E7, #742B00, #33322B, #190800, #060003)
• Moonless Archive color palette (#FDDFED, #A14E00, #362900, #280D1C, #100508)
• Garnet Field color palette (#E8DCF0, #3C3A33, #570032, #230B0E, #0F0000)
• Deep Cocoa Hollow color palette (#D5EEDA, #584100, #1E1F16, #0C1100, #000401)
• Ancient Navy color palette (#E6F2E6, #6D4900, #002CA0, #2E1C00, #00031D)
• Lowlit Balcony color palette (#FEEDD0, #533A00, #00316A, #130072, #030100)
• Weathered Station color palette (#FBD7DB, #8E5731, #433D0B, #0C1B49, #110327)
• Bronze Harbor color palette (#D4ECDD, #847007, #1C3833, #13231A, #180E0D)

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