Nocturne Harbor color palette — #F5E2ED · #9C650E · #672300 · #2A000C · #020100

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

The five colors

• Blush (#F5E2ED): A whisper-light, dusty pink — the color of a candy shop window.
• Ochre (#9C650E): A full-bodied, balanced gold — the color of old brass.
• Rust (#672300): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#2A000C): A deep, shadowed, dusty red — the color of late-summer berries.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Depth, Luxury, Grounding. Tagged earthy, warm, 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

• Chestnut Parlor color palette (#F1E1D7, #804B00, #4C1900, #280005, #050300)
• Cellar Station color palette (#DDEADF, #777719, #4F3700, #230900, #000200)
• Bronze Station color palette (#FFE2CF, #B56D27, #94461D, #6E211D, #060300)
• Wandering Chestnut Alley color palette (#D4EED5, #A29D52, #7F5600, #571C00, #000504)
• Inked Scarlet color palette (#FFDEE7, #D03F2B, #503500, #0F0E00, #000200)
• Linen Pier color palette (#FFF1F7, #D1AD67, #AF5E1A, #79242A, #00170F)
• Midnight Garnet Ridge color palette (#F0DDEB, #8D1100, #0A3400, #02002F, #040000)
• Olive Bloom color palette (#E7DBF0, #4B8E10, #370021, #1B080B, #040002)

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