Midnight Cocoa color palette — #F4E0C9 · #5E4200 · #003445 · #001C2A · #060002

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

The five colors

• Parchment (#F4E0C9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#5E4200): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Teal (#003445): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#001C2A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#060002): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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

• Velvet Station color palette (#EAE5D1, #484800, #18221E, #001202, #020200)
• Eclipse Garnet color palette (#F6E6DF, #831E00, #003252, #001241, #060002)
• Onyx Lagoon color palette (#F0E0CA, #725200, #004144, #2A003F, #040008)
• Softworn Bronze color palette (#F4D9C7, #8F6C00, #454B00, #0C2C00, #000704)
• Aubergine Chapel color palette (#F4E0C8, #654B00, #2E008D, #1A0058, #060002)
• Timeworn Corridor color palette (#EDE5DA, #ADA488, #878870, #5C3F00, #0F0801)
• Airy Nightshade color palette (#F4F0E0, #5B6900, #4633B4, #29107A, #120300)
• Wandering Aubergine color palette (#D1ECD7, #836300, #005E3B, #43008C, #030200)

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