Nocturne Cocoa color palette — #F9D5D5 · #833900 · #382300 · #161000 · #010200
Built around Bronze, softened by Espresso — the whole palette hums with optimism and sophistication.
The five colors
- Shell Pink (#F9D5D5): A whisper-light, dusty red — the color of embers at dusk.
- Bronze (#833900): A full-bodied, balanced orange — the color of toasted spice.
- Espresso (#382300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#161000): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#010200): 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
- Bronze Dune color palette (#F6DEDA, #AA5100, #653B00, #2C2000, #0C0C00)
- Velvet Canyon color palette (#F3E0EA, #8E0026, #4E1500, #1C0B00, #020100)
- Eclipse Denim Parlor color palette (#FFE6EB, #0062A0, #853700, #150607, #030002)
- Deep Navy Chapel color palette (#F0E6D3, #4E3700, #0C168C, #26004E, #020100)
- Eclipse Fern Coast color palette (#EDE6D2, #606100, #214500, #001D0F, #000807)
- Garnet Field color palette (#F2E5D8, #848C3D, #007D6F, #600C19, #040200)
- Tangerine Quarry color palette (#FFE6DE, #EE7B00, #866300, #464900, #102900)
- Muted Moss color palette (#E3E1D3, #6D9200, #00743E, #004132, #001D1E)
Browse the whole catalog at Explore, or see today's palette.