Nocturne Coast color palette — #E6DFD2 · #685700 · #003132 · #251E00 · #000200

Olive and Onyx set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#E6DFD2): bright and airy, almost weightless.
• Olive (#685700): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#003132): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#251E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Nocturne Coast 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 Fern Drift color palette (#FBDBC5, #355000, #002926, #190018, #000200)
• Smoked Terracotta Drift color palette (#FAE9DD, #8E3C00, #003415, #351200, #010100)
• Wandering Orchard color palette (#E8E6D7, #8B907F, #61705C, #222F00, #020100)
• Ancient Pine color palette (#E5EEDA, #007B55, #003862, #003321, #000201)
• Timeworn Olive color palette (#DAEFE8, #708500, #00482D, #273000, #000202)
• Muted Pine Boulevard color palette (#E7EED7, #867200, #007625, #003E4C, #000201)
• Onyx Meadow color palette (#EAE6C5, #2C3700, #15005D, #050029, #030000)
• Aged Mustard color palette (#F6F2E3, #B2AE00, #007A7D, #615F00, #000D01)

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