Nocturne Cocoa color palette — #FAD8EA · #582A00 · #461B00 · #1D0E06 · #030200

Espresso and Espresso set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#FAD8EA): A whisper-light, dusty pink — the color of peonies in June.
• Espresso (#582A00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#461B00): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#1D0E06): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#030200): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Cocoa Dune color palette (#F0DDD0, #6F3100, #1D2119, #110D00, #040100)
• Lowlit Onyx color palette (#D8EEDA, #465156, #382600, #111610, #010300)
• Inked Bronze Orchard color palette (#F3DBE5, #9E5600, #2D2B00, #200512, #070207)
• Navy Archive color palette (#DEF4E5, #5C4A00, #003388, #261D00, #000106)
• Midnight Aubergine color palette (#F8ECCC, #4A3900, #27008E, #2F0049, #020100)
• Shadow Onyx color palette (#EFE8FF, #84443D, #453B00, #1D093C, #050013)
• Ancient Fern color palette (#C7E8DE, #4B6600, #3B3C46, #00251C, #050A00)
• Emerald Cabin color palette (#E1F2EE, #62924D, #214147, #0F221F, #080E0B)

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