Nocturne Harbor color palette — #D5E7DE · #006080 · #5F1F00 · #281E00 · #0A0E00

A conversation between Espresso and Peacock, giving this palette its sense of trust and stability.

The five colors

• Parchment (#D5E7DE): A whisper-light, dusty teal — the color of glacier melt.
• Peacock (#006080): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#5F1F00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#281E00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0A0E00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

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

• Shadow Ultramarine color palette (#E9DBE8, #0051B6, #512C00, #002716, #00100F)
• Wandering Drift color palette (#DBE8D1, #006752, #610050, #341500, #130B00)
• Ancient Alley color palette (#CEEEF6, #6186C1, #734F6E, #363B00, #1B2807)
• Soft Canyon color palette (#F2EDCC, #009157, #00504D, #0C2F53, #161E00)
• Smoked Ultramarine color palette (#D6E0EF, #1F4EB7, #51086E, #370017, #000406)
• Weathered Veranda color palette (#EEDCE7, #6558ED, #7B2B7E, #640022, #200B00)
• Aubergine Lantern color palette (#F3DDE9, #3D00A2, #2A2D38, #281C00, #000D01)
• Quiet Summit color palette (#DBEEF5, #00A3AD, #B134A6, #5D5100, #001610)

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