Nocturne Harbor color palette — #F0DDC8 · #435B5C · #402400 · #001B22 · #01060F

A conversation between Espresso and Ink, giving this palette its sense of optimism and sophistication.

The five colors

• Parchment (#F0DDC8): A whisper-light, dusty gold — the color of old brass.
• Charcoal Brown (#435B5C): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#402400): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#001B22): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#01060F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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

• Deep Garnet color palette (#F7D7DA, #3F3434, #5A003F, #001D23, #000C10)
• Velvet Chestnut color palette (#FFE6E5, #854B00, #3C3000, #0A1300, #000604)
• Olive Market color palette (#F9ECE2, #A49980, #75752C, #432100, #120600)
• Cellar Cocoa color palette (#FAEBD7, #743700, #192A00, #090036, #060300)
• Aged Hollow color palette (#F3E6CE, #F31536, #7E5900, #00493D, #050500)
• Smoked Veranda color palette (#F3E4D9, #663000, #28006D, #1A0700, #040100)
• Moonless Mulberry color palette (#FFE7E7, #86006C, #003542, #001941, #040008)
• Aged Garnet color palette (#FFEFCE, #675300, #72004E, #580104, #2C0015)

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