Nocturne Harbor color palette — #FFE6E4 · #C00070 · #49170F · #220505 · #080203

Magenta Rose and Espresso set the tone — five colors that lean into warmth and comfort.

The five colors

• Rose Water (#FFE6E4): A whisper-light, dusty orange — the color of autumn markets.
• Magenta Rose (#C00070): A full-bodied, vivid rose — the color of pressed rose petals.
• Espresso (#49170F): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#220505): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#080203): quiet, heavy and certain.

Feels like: Warmth, Comfort, Energy, Depth, Luxury. Tagged noir, dark, luxury, vibrant.

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

• Twilit Workshop color palette (#FFE8E3, #9E0045, #182015, #310C00, #120000)
• Twilit Orchard color palette (#F6D7C9, #C90616, #3F2100, #210700, #080201)
• Eclipse Byzantium Garden color palette (#F5DBDF, #A809B9, #4A1128, #20060D, #090104)
• Powdered Peony color palette (#FBF1FF, #F2448E, #65202D, #1D0E23, #020104)
• Scarlet Garden color palette (#FFDCCE, #E53837, #00858B, #0065A6, #330404)
• Timeworn Chestnut Boulevard color palette (#FBE3CD, #864A00, #36433E, #251E00, #100500)
• Chalky Scarlet color palette (#ECDDE4, #F86495, #CE0021, #7B2700, #381E00)
• Worn Parlor color palette (#F4ECE2, #AC7629, #3D3B34, #261C10, #100B09)

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