Nocturne Cocoa Garden color palette — #FFE3DB · #843A00 · #4B2500 · #1D1000 · #020100

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

The five colors

• Rose Water (#FFE3DB): A whisper-light, dusty orange — the color of toasted spice.
• Bronze (#843A00): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#4B2500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#1D1000): A deep, shadowed, dusty gold — the color of old brass.
• Black (#020100): quiet, heavy and certain.

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

Use it as a design system

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

• Muted Veranda color palette (#F3DED7, #B44E00, #703F00, #362100, #130C00)
• Navy Coast color palette (#F7DAE2, #6B4100, #003B73, #2E1900, #000104)
• Moonless Garnet color palette (#FDD8DE, #8D0023, #610105, #1C0500, #030100)
• Timeworn Terrace color palette (#FDEDD5, #897200, #484300, #252B00, #050C00)
• Velvet Onyx Summit color palette (#E8DDCE, #513500, #00393A, #380049, #020100)
• Aged Courtyard color palette (#E1F7E0, #999358, #537B00, #542500, #020100)
• Charred Fern Terrace color palette (#F2D6F1, #006B77, #5B5400, #070B05, #000201)
• Amber Orchard color palette (#F9E5DB, #D88026, #956200, #523F00, #282200)

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