Nocturne Cocoa color palette — #D8EFDD · #604800 · #00463F · #281C00 · #000201

A conversation between Bronze and Forest, giving this palette its sense of optimism and sophistication.

The five colors

• Honeydew (#D8EFDD): A whisper-light, dusty teal — the color of sea glass.
• Bronze (#604800): A full-bodied, balanced gold — the color of honey in a jar.
• Forest (#00463F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#281C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#000201): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Garnet Lantern color palette (#CDF1DC, #584C00, #710035, #241E00, #040001)
• Moonless Onyx color palette (#F7EDCE, #493A00, #003C22, #490004, #020100)
• Cocoa Station color palette (#FFE2D7, #812D00, #1A4700, #380F00, #000200)
• Timeworn Forest Lagoon color palette (#D0EAE8, #006E2E, #743400, #003412, #070100)
• Softworn Olive Summit color palette (#F0EBD3, #858A38, #4D7128, #443300, #000201)
• Tempered Denim color palette (#E2F0E5, #846600, #0053A1, #372900, #000105)
• Shadow Nightshade Ridge color palette (#E7DFD3, #684C00, #0825A7, #2B1E00, #000025)
• Sunlit Brick color palette (#D2F5EB, #557800, #A70707, #2A3E00, #180000)

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