Nocturne Fern Harbor color palette — #D1EADF · #4C5300 · #353C44 · #0B1216 · #010800

Deep Olive takes the lead with Ink close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#D1EADF): A whisper-light, dusty teal — the color of shallow lagoons.
• Deep Olive (#4C5300): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#353C44): a grounded near-black with real depth.
• Ink (#0B1216): a grounded near-black with real depth.
• Ink (#010800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Nocturne Fern 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

• Midnight Study color palette (#C3E8E4, #004918, #242B30, #060D0F, #000201)
• Moonless Cocoa Veranda color palette (#E5F4E8, #644800, #292213, #0A171A, #060600)
• Basalt Balcony color palette (#EFEACF, #495558, #373E00, #142123, #040B00)
• Hushed Terrace color palette (#E6FAF6, #7DC45D, #3C5B5B, #212E2C, #0B110F)
• Weathered Veranda color palette (#D9FEFD, #00AD6F, #00463F, #001A1A, #000202)
• Softworn Ridge color palette (#E2F1EB, #6B7100, #083D1A, #111F22, #000A05)
• Washed Market color palette (#E7F9FF, #00B3BE, #324A58, #122126, #020608)
• Dusty Boulevard color palette (#E3F3E6, #58C9D7, #00738D, #003F37, #000306)

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