Midnight Cocoa color palette — #DFEBE0 · #004E52 · #592400 · #022402 · #000202
Espresso takes the lead with Deep Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#DFEBE0): a clean, paper-quiet neutral.
- Forest (#004E52): A deep, shadowed, dusty blue — the color of deep harbor water.
- Espresso (#592400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Deep Forest (#022402): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#000202): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. 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
- Deep Navy color palette (#EAE0EB, #00457C, #3C3800, #002222, #000104)
- Shadow Garnet color palette (#DDF0E1, #004D55, #65003F, #2A1800, #000102)
- Softworn Boulevard color palette (#D4F6FA, #00705E, #733E00, #302700, #000201)
- Navy Workshop color palette (#FBE8FA, #00439B, #550104, #001508, #000102)
- Aubergine Canyon color palette (#F2DEF4, #004480, #5F0050, #00231A, #000410)
- Misty Ultramarine Corridor color palette (#CBE0FD, #005CC0, #734800, #4C2E00, #000412)
- Petrol Ridge color palette (#D3ECE5, #006BB3, #66003A, #002B4D, #050000)
- Inked Grape color palette (#F6D3E5, #5A02CD, #2C4F00, #002D37, #03000F)
Browse the whole catalog at Explore, or see today's palette.