Midnight Cocoa color palette — #F6D6D7 · #882900 · #4B2400 · #140C00 · #010100

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

The five colors

• Shell Pink (#F6D6D7): A whisper-light, dusty red — the color of embers at dusk.
• Rust (#882900): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#4B2400): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#140C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#010100): a grounded near-black with real depth.

Feels like: 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

• Dusty Rust color palette (#FBE0DA, #BB4B00, #663400, #251500, #020100)
• Eclipse Chestnut Harbor color palette (#F8EBD1, #815500, #3D2700, #100700, #020100)
• Moonless Navy color palette (#FAE3EE, #783700, #003680, #341400, #000105)
• Charred Lantern color palette (#F5E1F0, #890045, #600009, #200800, #020100)
• Obsidian Navy color palette (#F3DBCA, #5B2E00, #020898, #010D6C, #030100)
• Inked Lapis color palette (#F8D7E2, #3129FB, #9C0B00, #0E0500, #030003)
• Chestnut Loft color palette (#F2E8DA, #6A5B00, #2B4200, #00250C, #000402)
• Linen Summit color palette (#FAE7E4, #C26900, #755000, #3D3700, #0B1C00)

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