Nocturne Harbor color palette — #CFE3E5 · #008874 · #11373F · #05191C · #020808

Fern and Deep Teal set the tone — five colors that lean into sophistication and depth.

The five colors

• Silver (#CFE3E5): A whisper-light, dusty blue — the color of deep harbor water.
• Fern (#008874): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#11373F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#05191C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#020808): a grounded near-black with real depth.

Feels like: 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

• Washed Cerulean color palette (#E4F0F5, #0093A6, #273F4C, #102128, #070E10)
• Softworn Lagoon Bloom color palette (#DEE8D9, #00A78E, #40533E, #293124, #161A12)
• Washed Violet color palette (#E5F5FF, #229BC4, #846DC8, #177E56, #0C212D)
• Onyx Summit color palette (#D8E9F2, #5C544F, #002F3C, #131319, #000205)
• Aged Pine Study color palette (#E7F5F3, #98BF9F, #318760, #435D3D, #0C2D2C)
• Hushed Teal Basin color palette (#D6F0F6, #3FBABD, #008D99, #005765, #002E39)
• Twilit Dune color palette (#E0F0FF, #005A8D, #00183E, #160F14, #00060F)
• Moss Study color palette (#E6F5FB, #3FB6C4, #969300, #00727D, #2A2900)

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