Midnight Cocoa color palette — #F4EBDD · #634700 · #003F62 · #291C00 · #000103

Bronze and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F4EBDD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#634700): A full-bodied, balanced gold — the color of old brass.
• Navy (#003F62): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#291C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, 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

• Nocturne Terrace color palette (#EBE8CE, #784E00, #293236, #111700, #010100)
• Charred Navy color palette (#E8DFD2, #513500, #00325B, #1D0069, #020100)
• Shadow Archive color palette (#FFDDCF, #920603, #00444A, #400101, #000102)
• Cellar Bloom color palette (#FFE3FA, #006690, #645000, #0A0D06, #020100)
• Nightshade Courtyard color palette (#EFE8D8, #594C00, #1300B4, #251E00, #00000C)
• Timeworn Bronze color palette (#E2F3E3, #8E6100, #006352, #3C2600, #000201)
• Moonless Aubergine Canyon color palette (#EAE8D1, #3E5600, #4E008C, #172300, #020007)
• Obsidian Aubergine color palette (#F6E1C9, #6F4700, #6C005E, #2F1C00, #11000D)

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