Midnight Cocoa color palette — #FBEAF1 · #582C00 · #16190F · #0E0700 · #050003

Espresso and Black set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#FBEAF1): A whisper-light, dusty rose — the color of strawberry cream.
• Espresso (#582C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#16190F): quiet, heavy and certain.
• Ink (#0E0700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#050003): A deep, shadowed, dusty pink — the color of peonies in June.

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 Canyon color palette (#F8E2FC, #6E002A, #211F0C, #170100, #030106)
• Nocturne Cocoa color palette (#FEE6D4, #803D00, #36453D, #1D1900, #060200)
• Velvet Delta color palette (#DFF1ED, #295100, #2B2932, #001408, #010400)
• Tempered Garnet color palette (#E9E6D6, #584D00, #004858, #570046, #0A0700)
• Olive Dune color palette (#D5F5E3, #766900, #223100, #1C1800, #000C09)
• Wandering Pine Harbor color palette (#D2EBE7, #3D8342, #18383A, #042522, #041011)
• Cerulean Atelier color palette (#E2F1E5, #469EAA, #005267, #00302B, #001624)
• Softworn Study color palette (#E3F5E8, #735C00, #2B30B9, #372B00, #06003E)

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