Nocturne Harbor color palette — #F1E5DB · #BE7F00 · #451F00 · #0E0C05 · #030100

Mustard takes the lead with Espresso close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Parchment (#F1E5DB): bright and airy, almost weightless.
• Mustard (#BE7F00): A luminous, balanced gold — the color of afternoon light on wheat.
• Espresso (#451F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#0E0C05): quiet, heavy and certain.
• Black (#030100): a grounded near-black with real depth.

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

Use it as a design system

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

• Weathered Workshop color palette (#F5E8D7, #BB8100, #485400, #513600, #020100)
• Ancient Mustard color palette (#F2EFD7, #BBA100, #354200, #1D2827, #060900)
• Shadow Study color palette (#F8E6EF, #836200, #341300, #080F08, #070100)
• Patina Corridor color palette (#E4E0D1, #949000, #4F5A00, #151F00, #000200)
• Worn Sunflower Orchard color palette (#FFF4DF, #FED365, #816800, #392D00, #0C0600)
• Timeworn Mustard Alley color palette (#FFF5DA, #DFB62B, #5B5200, #1C1900, #020100)
• Hushed Thicket color palette (#F3EDE3, #D9CFB7, #AEA68A, #604A00, #040200)
• Aged Cocoa Villa color palette (#FDF3E8, #DCDFC9, #9D805B, #613D00, #211A11)

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