Nocturne Cocoa color palette — #FFECDD · #683E00 · #3E2700 · #1B1100 · #030200

Built around Bronze, softened by Espresso — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#FFECDD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#683E00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#3E2700): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#1B1100): 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

• Dusty Chestnut color palette (#F8E6E2, #8E4E00, #482C00, #1F1900, #090B00)
• Velvet Fern color palette (#E1E3C1, #4D5B00, #233000, #071400, #000200)
• Moonless Onyx color palette (#D7EADC, #4B3900, #003C1E, #480009, #020100)
• Dusty Bronze Lantern color palette (#FCEFD4, #9B7C00, #625300, #3B3600, #191A00)
• Olive Boulevard color palette (#D9F7E5, #898842, #4C7400, #3A2900, #040300)
• Garnet Villa color palette (#FED9DB, #8D1023, #5A0203, #2A0500, #030000)
• Smoked Fern Alley color palette (#F7E2D5, #006C6D, #336000, #030C07, #000201)
• Airy Emerald Garden color palette (#D9E3D7, #00AC42, #007842, #00472E, #001E15)

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