Midnight Cocoa color palette — #F7E5DA · #882900 · #372C00 · #002034 · #160300
A conversation between Rust and Espresso, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F7E5DA): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Rust (#882900): A full-bodied, balanced orange — the color of toasted spice.
- Espresso (#372C00): A deep, shadowed, dusty green — the color of fresh herbs.
- Midnight (#002034): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#160300): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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 Garnet Basin color palette (#F5DCD7, #7E0038, #461B00, #002122, #130006)
- Cocoa Loft color palette (#F3DECF, #6F3000, #29322D, #130F00, #080100)
- Gentle Plum color palette (#EDD8E8, #B55269, #7D2D00, #302100, #121600)
- Garnet Courtyard color palette (#F4E7F7, #8A002B, #003C0E, #001C28, #030005)
- Midnight Basin color palette (#F0E4CD, #594700, #1A3300, #16004B, #0E0500)
- Muted Garnet color palette (#EEE6E3, #C0B7AF, #988D75, #840021, #2E1912)
- Sunlit Delta color palette (#FFF0E6, #8E4300, #2B5200, #240080, #260D00)
- Patina Delta color palette (#EDE6D9, #984179, #5C3000, #00116D, #31000C)
Browse the whole catalog at Explore, or see today's palette.