Nocturne Onyx Harbor color palette — #FED9D1 · #3E4200 · #53001F · #171305 · #080000

Espresso takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#FED9D1): A whisper-light, dusty orange — the color of sun-warmed clay.
• Deep Olive (#3E4200): A deep, shadowed, balanced green — the color of new leaves after rain.
• Espresso (#53001F): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#171305): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#080000): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

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

• Onyx Summit color palette (#FBE3CF, #3A4239, #431F00, #12150D, #040200)
• Terracotta Boulevard color palette (#FEDDCF, #9F1207, #293C00, #2A1300, #0E0200)
• Shadow Garnet Coast color palette (#FDE6E1, #720031, #2F2E28, #110701, #030100)
• Twilit Aubergine color palette (#FFE9ED, #3F3C35, #450052, #1A0F05, #070003)
• Moonless Terracotta color palette (#FFDDE7, #824443, #4F2B00, #001E18, #000404)
• Timeworn Bronze color palette (#F2E5D9, #A86100, #34302A, #1F1307, #0C0502)
• Cocoa Lantern color palette (#FDE2D2, #802E00, #004258, #381000, #000103)
• Eclipse Orchard color palette (#FBEAE0, #602900, #003B2C, #270061, #030100)

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