Midnight Cocoa color palette — #F4DECE · #743500 · #312A00 · #001603 · #000202

Bronze takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F4DECE): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#743500): A full-bodied, balanced gold — the color of old brass.
• Espresso (#312A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#001603): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000202): a grounded near-black with real depth.

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 (#F8EADB, #553200, #192200, #000A07, #040000)
• Timeworn Cocoa color palette (#F0D8CE, #8F663B, #593F00, #002B0B, #000B05)
• Tempered Terracotta color palette (#FCEAE4, #9E4800, #572A00, #2D1600, #060200)
• Charred Plum color palette (#FDDEE0, #A92090, #423D00, #001824, #01000A)
• Deep Mulberry color palette (#F8E2DF, #87004A, #471B00, #141000, #030005)
• Shadow Courtyard color palette (#FFEBE1, #4D5C63, #6A0700, #161D15, #110300)
• Obsidian Fern color palette (#F5F0DC, #5C5C00, #00412B, #001E25, #070200)
• Hazy Brick color palette (#F0E3EF, #BF0034, #603C00, #2A006B, #14000D)

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