Nocturne Harbor color palette — #CDE4DC · #845100 · #5200D5 · #1B0713 · #030002
Iris takes the lead with Coffee close behind in a set that reads as optimism and creativity at first glance.
The five colors
- Silver (#CDE4DC): A whisper-light, dusty teal — the color of shallow lagoons.
- Coffee (#845100): A full-bodied, balanced gold — the color of old brass.
- Iris (#5200D5): A full-bodied, vivid violet — the color of twilight just after sunset.
- Ink (#1B0713): A deep, shadowed, dusty rose — the color of pressed rose petals.
- Black (#030002): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Optimism, Creativity, Energy, Depth, Luxury. Tagged neon, dark, 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
- Deep Aubergine color palette (#E2F4EC, #725C00, #7B00A2, #170705, #040001)
- Hushed Coast color palette (#CCEEE9, #AA6A00, #5A44FF, #150222, #00010B)
- Nocturne Denim Balcony color palette (#D5EFD8, #914700, #005491, #070710, #000201)
- Aubergine Studio color palette (#D5EAD5, #007A82, #66007D, #1C0809, #040001)
- Plum Villa color palette (#E7E4C8, #CB3800, #A80095, #1F0904, #060001)
- Grape Orchard color palette (#F7E0E6, #801DA3, #461B00, #320042, #030100)
- Smoked Nightshade Summit color palette (#FAE4F2, #2D009A, #173200, #00151B, #01000A)
- Eclipse Mulberry color palette (#D8E9EE, #007048, #930062, #180A04, #040000)
Browse the whole catalog at Explore, or see today's palette.