Midnight Cocoa color palette — #FDE0CC · #6C3C00 · #3F2500 · #170D00 · #030100

Built around Bronze, softened by Espresso — the whole palette hums with optimism and warmth.

The five colors

• Parchment (#FDE0CC): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#6C3C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#3F2500): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#170D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged dark, muted, warm.

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

• Deep Canyon color palette (#EDEAC7, #505200, #2A3300, #0B1200, #010200)
• Moonless Chestnut Terrace color palette (#FFE0DA, #954900, #472A00, #1F1500, #070600)
• Eclipse Aubergine color palette (#D0E6CF, #684400, #680058, #2C1A00, #040003)
• Aged Olive Dune color palette (#ECE4CC, #8E8A2C, #566D00, #483100, #020200)
• Charred Onyx color palette (#F2ECD1, #463B00, #003B26, #480300, #020100)
• Twilit Mulberry Harbor color palette (#FFDCE0, #98002A, #5D000D, #2A0100, #040000)
• Weathered Amber Orchard color palette (#EFDECB, #D39100, #936A00, #5B4800, #2D2500)
• Moonless Fern Workshop color palette (#C9E1F9, #006C6F, #375F00, #030C07, #000201)

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