Nocturne Harbor color palette — #FED7D5 · #B73900 · #5E2A00 · #190D00 · #020100

Terracotta and Cocoa set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#FED7D5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Terracotta (#B73900): A full-bodied, vivid orange — the color of toasted spice.
• Cocoa (#5E2A00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#190D00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Depth, Luxury. Tagged dark, muted, warm.

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

• Quiet Rust color palette (#FFE9E0, #BE5900, #8A4700, #5F3400, #130800)
• Plum Balcony color palette (#FAE4EE, #BB2D59, #840018, #290A00, #020100)
• Velvet Bronze color palette (#F0DDCA, #906C00, #433D00, #101800, #000200)
• Antique Denim Grove color palette (#FFE4CE, #A05400, #0051A9, #442000, #000105)
• Weathered Garnet color palette (#F7DCC3, #C4BB84, #5E9863, #80251A, #020100)
• Ancient Navy Study color palette (#FDEDDF, #7A4600, #004C6F, #002087, #020100)
• Amber Loft color palette (#FCE5D5, #C58C00, #696000, #2D3500, #020C00)
• Bronze Veranda color palette (#F5E7F1, #0092A8, #9C6500, #0D0C06, #020100)

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