Nocturne Cocoa color palette — #F3EBDE · #683900 · #2F2000 · #000F05 · #020100

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

The five colors

• Cream (#F3EBDE): bright and airy, almost weightless.
• Bronze (#683900): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#2F2000): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#000F05): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#020100): quiet, heavy and certain.

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

• Timeworn Chestnut color palette (#F5EEE0, #8B5500, #4C3B00, #002717, #060300)
• Twilit Garnet color palette (#FFE9D4, #870021, #401100, #0B0C00, #040000)
• Velvet Garnet color palette (#F0DBBF, #8D0A13, #302100, #060038, #090200)
• Obsidian Pier color palette (#D8F1E2, #5D5C00, #272E00, #220E00, #010100)
• Wandering Archive color palette (#D7FAE3, #987200, #524F00, #00352C, #130E00)
• Hushed Market color palette (#D8EEEB, #468295, #004258, #001F23, #000103)
• Softworn Moss color palette (#E4E6D2, #4F9400, #006338, #003749, #011801)
• Amber Atelier color palette (#D7FDE1, #C18200, #726100, #004A37, #261A00)

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