Nocturne Harbor color palette — #F0DBEB · #B4070E · #3E3A34 · #220B00 · #030003

A conversation between Ruby and Ink, giving this palette its sense of energy and sophistication.

The five colors

• Shell Pink (#F0DBEB): A whisper-light, dusty pink — the color of neon signs at night.
• Ruby (#B4070E): A full-bodied, vivid orange — the color of sun-warmed clay.
• Charcoal (#3E3A34): quiet, heavy and certain.
• Ink (#220B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Energy, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Nocturne Garnet color palette (#FFE0D3, #83020A, #272F29, #190A00, #050000)
• Chestnut Loft color palette (#F6D7E3, #8D4D00, #474100, #1A1100, #040001)
• Faded Market color palette (#F9E5F5, #E20A1A, #5A3544, #2A1427, #040006)
• Sunlit Tangerine Thicket color palette (#FFDFD9, #FB680D, #914600, #532F00, #150C00)
• Bronze Field color palette (#FFEAD9, #B76700, #382800, #20170B, #160009)
• Shadow Plum color palette (#F7E9FF, #AD0063, #2B0004, #10060F, #030005)
• Powdered Amber Grove color palette (#FFE7EF, #E08822, #0073B1, #713F00, #000813)
• Muted Balcony color palette (#FFF0FA, #FD6833, #583D47, #251A22, #080408)

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