Midnight Cocoa color palette — #DFECE0 · #5A3E00 · #34362B · #110F00 · #000200
Built around Bronze, softened by Ink — the whole palette hums with optimism and sophistication.
The five colors
- Honeydew (#DFECE0): A whisper-light, dusty green — the color of new leaves after rain.
- Bronze (#5A3E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Espresso (#34362B): a grounded near-black with real depth.
- Ink (#110F00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Moonless Spruce Studio color palette (#CEECE5, #3B3F47, #163200, #0E1419, #000301)
- Eclipse Garnet color palette (#F2D6EA, #801100, #36332C, #1B0900, #040003)
- Ancient Chestnut Grove color palette (#F0E1CD, #7D5900, #344141, #2C2300, #100700)
- Forest Meadow color palette (#CCF8F6, #00663C, #34363D, #00201B, #000707)
- Moss Study color palette (#E2F2EC, #748E39, #2A403E, #13221D, #080E0B)
- Patina Olive color palette (#D6EBDF, #68841C, #0D5207, #47190F, #050900)
- Weathered Grape color palette (#DFE2D4, #697200, #6726C1, #353A00, #0B0021)
- Dusty Garnet color palette (#DDE6CA, #4E6100, #00517D, #710035, #030400)
Browse the whole catalog at Explore, or see today's palette.