Nocturne Onyx Harbor color palette — #EFDECE · #7E4A00 · #004142 · #190053 · #02000B

A conversation between Deep Indigo and Bronze, giving this palette its sense of optimism and creativity.

The five colors

• Parchment (#EFDECE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#7E4A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Teal (#004142): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#190053): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#02000B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Optimism, Creativity, Depth, Luxury. Tagged dark, 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

• Nocturne Boulevard color palette (#FBEDD2, #6A5600, #003F4D, #2F0035, #050006)
• Terracotta Garden color palette (#FAE2D5, #9D2700, #004334, #001C33, #02000D)
• Cocoa Bloom color palette (#E8DECD, #564200, #18211B, #091000, #030100)
• Deep Garnet Workshop color palette (#F5DDD2, #740E00, #002425, #220C05, #11001F)
• Bronze Canyon color palette (#F3DDCD, #8B7400, #0C683B, #36204A, #170227)
• Worn Olive Delta color palette (#E6DFD0, #756700, #405300, #0C3400, #000A04)
• Muted Nightshade Bloom color palette (#DAEAD9, #996600, #655500, #27009E, #030100)
• Feathered Grove color palette (#F4E7DA, #5B99C6, #194DBC, #003B40, #090028)

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