Midnight Cocoa color palette — #CDECFA · #005662 · #5F2B00 · #002329 · #030100

Cocoa and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#CDECFA): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#005662): A full-bodied, dusty blue — the color of open sky before noon.
• Cocoa (#5F2B00): A deep, shadowed, balanced gold — the color of old brass.
• Midnight (#002329): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#030100): 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

• Charred Basalt Balcony color palette (#D6E7E9, #00444B, #452B00, #211D00, #000102)
• Lowlit Garnet Coast color palette (#C4E8E8, #005B3C, #710031, #002616, #040001)
• Charred Navy Villa color palette (#D8E8FD, #0043A7, #573100, #001A4B, #020100)
• Antique Terracotta Villa color palette (#D8EDE1, #007792, #903100, #00313D, #040000)
• Chestnut Loft color palette (#E4EBC9, #874F00, #005C70, #090C12, #000103)
• Shadow Fern Archive color palette (#D1EBD1, #5A5400, #3A2500, #1F0500, #000200)
• Weathered Byzantium color palette (#D6F2F8, #6891C4, #8B459C, #003C2D, #000204)
• Softworn Harbor color palette (#D3E8FB, #0072AB, #5B5D00, #003A5A, #080800)

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