Midnight Cocoa color palette — #FADEEB · #6C3300 · #3B3A33 · #190B00 · #090004

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

The five colors

• Rose Water (#FADEEB): A whisper-light, dusty rose — the color of pressed rose petals.
• Bronze (#6C3300): A deep, shadowed, balanced gold — the color of honey in a jar.
• Charcoal (#3B3A33): quiet, heavy and certain.
• Ink (#190B00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#090004): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Midnight Cocoa Pier color palette (#FFE1F0, #6B3100, #001402, #130609, #040002)
• Deep Garnet color palette (#FEE2FB, #85001C, #332D1F, #220300, #070007)
• Lowlit Delta color palette (#DDEDDB, #613C00, #3C4300, #150D00, #000400)
• Basalt Field color palette (#D3E6D3, #425854, #4F3300, #152027, #0C0700)
• Wandering Lagoon color palette (#FCDFC9, #964700, #33433D, #332000, #130600)
• Tempered Workshop color palette (#FDEAF4, #BE5700, #4D420B, #301023, #040005)
• Weathered Garden color palette (#E5E1CC, #695A00, #005D40, #740E00, #161100)
• Bronze Market color palette (#E8F6ED, #917C00, #2D4239, #212B25, #111615)

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