Midnight Cocoa color palette — #FBDAD2 · #883700 · #452800 · #1A1100 · #010100

Built around Rust, softened by Espresso — the whole palette hums with optimism and sophistication.

The five colors

• Shell Pink (#FBDAD2): A whisper-light, dusty orange — the color of autumn markets.
• Rust (#883700): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#452800): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#1A1100): A deep, shadowed, dusty gold — the color of honey in a jar.
• 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

• Twilit Courtyard color palette (#FEEDD9, #635000, #3C2400, #1E0600, #020100)
• Charred Meadow color palette (#F8E8D2, #654500, #003F66, #2B1B00, #000103)
• Charred Mulberry color palette (#F7D5DF, #9E0038, #4B1000, #1B0800, #030100)
• Aged Chestnut color palette (#F1DEDB, #A04C00, #664000, #2C2000, #100D00)
• Eclipse Boulevard color palette (#F0E1EA, #005FAD, #684D00, #0B0D06, #020100)
• Charred Aubergine Veranda color palette (#FEE3CC, #583000, #00354F, #300056, #030100)
• Softworn Grove color palette (#FEEAD4, #8F901D, #007F45, #531800, #030100)
• Wandering Fern color palette (#F3EBD2, #606900, #254600, #002109, #000403)

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