Nocturne Cocoa color palette — #FCE0ED · #906A40 · #5F2B00 · #280400 · #020100

A conversation between Cocoa and Walnut, giving this palette its sense of optimism and warmth.

The five colors

• Rose Water (#FCE0ED): A whisper-light, dusty rose — the color of pressed rose petals.
• Walnut (#906A40): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Cocoa (#5F2B00): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#280400): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• 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

• Smoked Orchard color palette (#D6F1DB, #81731A, #4D3800, #1E0E00, #010100)
• Chestnut Garden color palette (#F1E2D7, #7E4C00, #471F00, #260400, #060300)
• Dusty Cocoa Quarry color palette (#ECDCE4, #A87B51, #7C3600, #450300, #020100)
• Hushed Bronze Veranda color palette (#E8FCE8, #C2B183, #9D6B11, #6B3600, #151300)
• Ancient Chestnut Pier color palette (#D1EEDC, #9BA057, #705F00, #432D00, #020500)
• Cellar Navy color palette (#DAF5E6, #564F00, #003682, #290037, #010100)
• Shadow Olive Basin color palette (#DCE3D3, #3C8532, #004D35, #00110E, #000202)
• Worn Bronze Orchard color palette (#EEE4FF, #0092A5, #8C6E00, #0A100B, #000200)

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