Midnight Cocoa color palette — #FFE3D5 · #713F00 · #372400 · #181000 · #010100
Built around Bronze, softened by Espresso — the whole palette hums with optimism and sophistication.
The five colors
- Rose Water (#FFE3D5): A whisper-light, dusty orange — the color of sun-warmed clay.
- Bronze (#713F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#372400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#181000): 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
- Midnight Rust color palette (#EDD9D6, #AF5000, #5A3A00, #171300, #010100)
- Fern Lagoon color palette (#E8E5D7, #575900, #253400, #061400, #000200)
- Nocturne Terracotta color palette (#FADEDF, #9D1200, #551900, #190800, #020100)
- Timeworn Pine color palette (#F2EBD8, #868F4C, #287F40, #452800, #030300)
- Midnight Station color palette (#E6E0D1, #4B3900, #003840, #3E003D, #020100)
- Twilit Courtyard color palette (#FFE6F0, #006499, #4F5800, #070D07, #020100)
- Bronze Drift color palette (#F5EBE0, #A47800, #615500, #3A3A00, #161D00)
- Moss Atelier color palette (#E8EFDC, #3FA200, #00723D, #004631, #001C17)
Browse the whole catalog at Explore, or see today's palette.