Nocturne Cocoa Studio color palette — #FFE9D8 · #773800 · #004351 · #331400 · #000102

Bronze takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FFE9D8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#773800): A full-bodied, balanced gold — the color of old brass.
• Deep Teal (#004351): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#331400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

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

• Chestnut Summit color palette (#F3E8D6, #715200, #293435, #1B1200, #020100)
• Garnet Delta color palette (#F5DED5, #910022, #004640, #400009, #000201)
• Inked Canyon color palette (#F4DFD8, #6C1A00, #00325A, #18173D, #040000)
• Charred Nightshade Market color palette (#EEE5D2, #614800, #3700A3, #291C00, #010009)
• Wandering Rust Summit color palette (#F6DDEB, #AE4600, #005F72, #4B1A00, #000102)
• Aubergine Orchard color palette (#F7DFD2, #8C2C00, #55028D, #3D0E00, #0B0019)
• Deep Mulberry color palette (#FDE8F6, #00678B, #9A003D, #130603, #040000)
• Pale Nightshade color palette (#F4E0C5, #8B6300, #4641BC, #483200, #050027)

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