Nocturne Cocoa color palette — #FBE7D3 · #5B3700 · #002C36 · #00161D · #020006

Cocoa takes the lead with Midnight close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Parchment (#FBE7D3): A whisper-light, dusty gold — the color of honey in a jar.
• Cocoa (#5B3700): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Midnight (#002C36): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00161D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#020006): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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

• Velvet Atelier color palette (#EFE1C2, #3B3100, #001831, #000918, #040002)
• Garnet Lantern color palette (#FFE1D9, #6E0012, #00272B, #001416, #000106)
• Softworn Atelier color palette (#F3ECDD, #4E5B59, #433500, #1A2421, #010900)
• Chestnut Veranda color palette (#F6DDD9, #974F00, #463700, #091A00, #000201)
• Eclipse Chapel color palette (#DFE1C7, #155000, #002A23, #18002E, #020100)
• Obsidian Garnet Field color palette (#FFDCDA, #660042, #002939, #070046, #040007)
• Eclipse Onyx Market color palette (#F3DCBF, #843F00, #213600, #0E0046, #030100)
• Washed Chestnut Basin color palette (#FFE4CC, #915600, #004B79, #003354, #0D0017)

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