Nocturne Cocoa color palette — #F7DCD0 · #723E00 · #3D2600 · #170E00 · #020100

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

The five colors

• Shell Pink (#F7DCD0): A whisper-light, dusty orange — the color of autumn markets.
• Bronze (#723E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#3D2600): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#170E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• 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 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

• Shadow Lantern color palette (#D6ECD8, #644600, #003B73, #2A1B00, #000104)
• Terracotta Hollow color palette (#FEE6E7, #9A0704, #4C1400, #200A00, #020100)
• Soft Amber Study color palette (#F9E1C8, #AD8000, #6C5900, #333200, #101600)
• Onyx Quarry color palette (#E1F1E4, #4C3800, #00383F, #3D003F, #020100)
• Tempered Meadow color palette (#D5EDDC, #86883F, #228130, #482500, #020200)
• Smoked Courtyard color palette (#DFE1CE, #4F6800, #164800, #00200A, #000502)
• Fern Bloom color palette (#ECD8E5, #00678B, #515800, #060B06, #000201)
• Weathered Emerald Parlor color palette (#DEE7D3, #3E9B00, #00702C, #00462E, #00221C)

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