Midnight Cocoa color palette — #F3E1CC · #664100 · #272E00 · #00190F · #170003

Bronze and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F3E1CC): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#664100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#272E00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#00190F): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#170003): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Midnight 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

• Smoked Delta color palette (#E8DECA, #483C00, #002608, #000C0C, #040100)
• Bronze Grove color palette (#EEE7DA, #886D00, #483E00, #232100, #031102)
• Moonless Garnet color palette (#F4E2DC, #8D0028, #3E2300, #111600, #140010)
• Timeworn Drift color palette (#F3E3D4, #E76100, #995700, #674B00, #170B00)
• Hushed Chestnut Garden color palette (#F5D5E4, #9B4E00, #1F5300, #002C37, #0D001D)
• Forest Harbor color palette (#E5EBD0, #006B23, #00403F, #002236, #181000)
• Patina Cerulean Archive color palette (#EBEFD8, #009FC1, #00516C, #002F34, #001624)
• Chalky Study color palette (#FAE4C8, #916400, #3C5500, #003C31, #4B0004)

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