Nocturne Harbor color palette — #F5DFE5 · #A5232E · #571B00 · #241200 · #0C0800

Garnet and Espresso set the tone — five colors that lean into optimism and warmth.

The five colors

• Rose Water (#F5DFE5): A whisper-light, dusty rose — the color of pressed rose petals.
• Garnet (#A5232E): A full-bodied, vivid orange — the color of sun-warmed clay.
• Espresso (#571B00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#241200): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#0C0800): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Twilit Terrace color palette (#FBE0DD, #893C00, #442A00, #161400, #000602)
• Worn Hollow color palette (#F7E1E1, #CA2500, #773500, #432100, #110700)
• Velvet Mulberry Terrace color palette (#F0E5EF, #962B6E, #5E0019, #300B00, #140600)
• Worn Cocoa Meadow color palette (#FEE5EE, #784100, #00455A, #331900, #00070C)
• Ancient Garnet color palette (#EADCD2, #A58D46, #307C4D, #59001F, #1B0E00)
• Bronze Station color palette (#F4E4D7, #866500, #414000, #102500, #00140B)
• Dusty Cobalt Alley color palette (#DFDFF1, #0077CB, #885800, #0D120A, #000300)
• Cellar Basalt Lantern color palette (#ECE1C5, #4E3D00, #003B42, #0D2035, #030200)

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