Nocturne Cocoa Coast color palette — #F6DBEC · #7C4006 · #4B1600 · #240002 · #000200
A conversation between Bronze and Espresso, giving this palette its sense of optimism and warmth.
The five colors
- Shell Pink (#F6DBEC): A whisper-light, dusty pink — the color of peonies in June.
- Bronze (#7C4006): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#4B1600): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#240002): A deep, shadowed, dusty orange — the color of toasted spice.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, dark, muted.
Use it as a design system
One click turns Nocturne Cocoa Coast 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
- Chestnut Villa color palette (#D5E9D4, #664E00, #3B2400, #1B0800, #010100)
- Eclipse Garnet Workshop color palette (#FCDAF0, #9C641F, #6A1E00, #2A000E, #000201)
- Chestnut Lantern color palette (#FAD9E5, #A0804F, #7C4600, #541E00, #001307)
- Garnet Studio color palette (#E0F1FE, #003C53, #550105, #1A1000, #000103)
- Dusty Bronze color palette (#FFDEEE, #C69562, #A64F00, #6F2B1C, #03230C)
- Nocturne Alley color palette (#E9E4D3, #9400A9, #005C6F, #080C11, #000103)
- Aged Bronze Parlor color palette (#E4F8EB, #8BB7A4, #83753A, #624614, #112822)
- Aubergine Quarry color palette (#DBEAF8, #005E8B, #390065, #002134, #01000A)
Browse the whole catalog at Explore, or see today's palette.