Nocturne Harbor color palette — #D2E5D6 · #007682 · #0D2B4E · #081D0F · #000A04

A conversation between Teal and Midnight, giving this palette its sense of trust and stability.

The five colors

• Celadon Mist (#D2E5D6): A whisper-light, dusty teal — the color of shallow lagoons.
• Teal (#007682): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#0D2B4E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#081D0F): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000A04): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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 Pine Balcony color palette (#DFE9CE, #007D4D, #003137, #141B02, #050A01)
• Denim Terrace color palette (#D6E5DC, #005F72, #252A32, #290E26, #000D05)
• Ancient Balcony color palette (#DDEEF5, #00B5C7, #386C94, #1D4857, #041517)
• Patina Cerulean Coast color palette (#CFE9D6, #0097AA, #004D62, #122D1C, #08150A)
• Sapphire Lantern color palette (#F3E8F3, #0066C8, #312244, #211122, #06150D)
• Indigo Ridge color palette (#FAEEF5, #736ECF, #4E3438, #2F252B, #11191A)
• Aged Cobalt color palette (#D8EFFF, #0088C6, #916B00, #59610E, #08344C)
• Charred Basin color palette (#D9E1EF, #002C8E, #050E12, #10001C, #070000)

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