Midnight Cocoa color palette — #FAE7E2 · #773D00 · #372600 · #121200 · #010300
A conversation between Bronze and Espresso, giving this palette its sense of optimism and sophistication.
The five colors
- Rose Water (#FAE7E2): A whisper-light, dusty orange — the color of toasted spice.
- Bronze (#773D00): A full-bodied, balanced gold — the color of old brass.
- Espresso (#372600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#121200): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#010300): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Obsidian Harbor color palette (#EDE4D6, #575000, #183400, #00160A, #000202)
- Lowlit Hollow color palette (#DCEADF, #614800, #3300A6, #291C00, #01000A)
- Timeworn Bronze Meadow color palette (#FDE6D3, #9D6600, #523C00, #1A1500, #010100)
- Charred Quarry color palette (#ECDFD2, #553200, #3E007A, #37004C, #020100)
- Deep Mulberry Study color palette (#F7D6E7, #9C0040, #561000, #1C0C00, #020100)
- Lapis Veranda color palette (#FFE7F6, #5213F5, #605100, #050E0E, #000201)
- Timeworn Canyon color palette (#E7DDCE, #7C6F00, #2A5100, #002D14, #000D0A)
- Washed Coast color palette (#D0EED8, #7A9742, #007E73, #600F00, #010200)
Browse the whole catalog at Explore, or see today's palette.