Nocturne Harbor color palette — #F8E3E7 · #DF6144 · #470053 · #110402 · #030004

Coral Clay and Royal Purple set the tone — five colors that lean into creativity and depth.

The five colors

• Rose Water (#F8E3E7): A whisper-light, dusty red — the color of embers at dusk.
• Coral Clay (#DF6144): A luminous, vivid orange — the color of toasted spice.
• Royal Purple (#470053): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#110402): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#030004): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Creativity, Depth, Luxury. Tagged luxury, dark.

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

• Amber Courtyard color palette (#FCDED8, #D17019, #550021, #110701, #040001)
• Rose Hollow color palette (#F8E2EF, #E4566C, #28007B, #0E0203, #010009)
• Soft Atelier color palette (#FFE4EC, #E0567C, #9F002C, #3C0100, #040000)
• Tempered Peony color palette (#F8E4E5, #CD5EB1, #93002A, #6A0057, #040000)
• Sunlit Plum color palette (#FFF2EF, #FFCCAD, #BB235F, #51152A, #120302)
• Onyx Coast color palette (#E6E6FE, #836200, #2F0046, #25101B, #06000C)
• Airy Mulberry color palette (#FFF1F2, #FFAB8C, #940087, #380033, #040001)
• Antique Ridge color palette (#F7EBEA, #DFCAC7, #CA969C, #87135A, #080101)

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