Nocturne Cocoa color palette — #F8E2EB · #906A41 · #5B2E00 · #230A00 · #020100

Cocoa takes the lead with Walnut close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Rose Water (#F8E2EB): A whisper-light, dusty rose — the color of pressed rose petals.
• Walnut (#906A41): A full-bodied, dusty gold — the color of honey in a jar.
• Cocoa (#5B2E00): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#230A00): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, 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

• Charred Chestnut Atelier color palette (#FFEBDC, #7E4C00, #442200, #200900, #060300)
• Olive Thicket color palette (#D1F5E3, #717930, #413E00, #171200, #010100)
• Muted Cocoa Hollow color palette (#F6D8E9, #B57448, #803200, #420A00, #030100)
• Bronze Parlor color palette (#E3FEE6, #C4B180, #996D00, #623D00, #171200)
• Deep Hollow color palette (#F8E2E8, #BC4560, #7A0017, #200000, #030000)
• Muted Chapel color palette (#CAF0DB, #9CA055, #6A6100, #3D3000, #030400)
• Deep Rust Bloom color palette (#EDEAFF, #BA5943, #300038, #1B070F, #030004)
• Raspberry Hollow color palette (#ECE7F4, #B24DA0, #720030, #4D0043, #040001)

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