Midnight Cocoa color palette — #F8DECE · #9F613A · #662400 · #290300 · #030100

Built around Rust, softened by Ochre — the whole palette hums with optimism and warmth.

The five colors

• Parchment (#F8DECE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Ochre (#9F613A): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#662400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#290300): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, 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

• Lowlit Bronze color palette (#F1E5D0, #7F732F, #493A00, #1B1000, #010100)
• Velvet Chestnut color palette (#F6DDEB, #8A4300, #4B1A00, #260400, #070200)
• Terracotta Terrace color palette (#EEDDD3, #A9733E, #A03A00, #760D25, #060300)
• Tempered Garnet color palette (#FBE2EE, #B15176, #77002E, #2B0006, #040000)
• Ancient Orchard color palette (#FFF3E7, #CDAC81, #A16826, #6C3500, #1A1000)
• Wandering Chestnut color palette (#F1E4CE, #A89A5E, #775B00, #442D00, #050400)
• Faded Market color palette (#FEE8EC, #9C60A3, #73002B, #480051, #040001)
• Deep Rust Corridor color palette (#FFE4EE, #BA5753, #280046, #150612, #020006)

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