Nocturne Cocoa color palette — #F3E1D1 · #6B4300 · #412A00 · #120B00 · #030200

Bronze takes the lead with Espresso close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Parchment (#F3E1D1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#6B4300): A full-bodied, balanced gold — the color of old brass.
• Espresso (#412A00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#120B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#030200): 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

• Obsidian Dune color palette (#FFE9E4, #922C00, #441A00, #200A00, #030100)
• Moonless Cocoa color palette (#F5EBDB, #5E4900, #004640, #271D00, #000201)
• Shadow Summit color palette (#FCEACE, #4F3600, #003D0D, #470013, #020100)
• Olive Harbor color palette (#F4E6C6, #8C9059, #5A7A24, #453100, #020200)
• Hushed Olive Meadow color palette (#EBEBCC, #6A7000, #404F00, #192900, #030B00)
• Wandering Bronze color palette (#E7DECD, #A08500, #695D00, #3A3700, #171A00)
• Moonless Studio color palette (#F5E7DC, #006D67, #435C00, #060F09, #010100)
• Emerald Delta color palette (#DEF0DD, #00AD51, #007246, #004A32, #001F16)

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