Nocturne Harbor color palette — #ECF0DB · #596B00 · #283F00 · #0B1E00 · #000400

Built around Olive, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Cream (#ECF0DB): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#596B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#283F00): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#0B1E00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, 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

• Pale Garnet Canyon color palette (#ECEACC, #476700, #891500, #1F3000, #0A0000)
• Worn Olive color palette (#F6E8CA, #6D6B00, #324B00, #002A0B, #00160D)
• Olive Corridor color palette (#ECE5CA, #828600, #445F00, #003108, #000201)
• Velvet Cypress color palette (#D8EBE1, #006E54, #003E34, #001C19, #000404)
• Chestnut Chapel color palette (#F5E6D8, #845700, #4F2D00, #291000, #030100)
• Dusty Lagoon color palette (#E4F0D4, #5BA400, #287100, #004B17, #002210)
• Abyss Veranda color palette (#D9EADB, #65B091, #008675, #1F4500, #000702)
• Lagoon Atelier color palette (#D5F3E8, #009F86, #006860, #003F3D, #001A1C)

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