Nocturne Cocoa color palette — #FFE1F3 · #79411C · #4A1700 · #230200 · #030100

Bronze and Espresso set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FFE1F3): A whisper-light, dusty pink — the color of neon signs at night.
• Bronze (#79411C): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#4A1700): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#230200): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#030100): a grounded near-black with real depth.

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

• Washed Chestnut Lagoon color palette (#FCE6EE, #A47E4C, #7A4700, #4E2400, #160C00)
• Cocoa Canyon color palette (#FBDDCB, #9C5C35, #752900, #480700, #070200)
• Cellar Fern color palette (#CFECD7, #5F5200, #342800, #160C00, #010100)
• Obsidian Mulberry Veranda color palette (#F5DCE9, #8C2A56, #580024, #240004, #040000)
• Chalky Delta color palette (#FFDFEE, #C19671, #9E551E, #722900, #2A1700)
• Deep Terracotta color palette (#DBDDF7, #943231, #1D0038, #0F0415, #020006)
• Nocturne Mulberry color palette (#EBE9F5, #7F318A, #520026, #35003C, #040001)
• Cellar Atelier color palette (#FBE3D2, #AE004B, #7200B1, #12040E, #010009)

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