Midnight Cocoa color palette — #DAF2D9 · #004F4E · #582500 · #321200 · #000606
Built around Espresso, softened by Forest — the whole palette hums with optimism and sophistication.
The five colors
- Honeydew (#DAF2D9): A whisper-light, dusty green — the color of a quiet forest floor.
- Forest (#004F4E): A deep, shadowed, dusty teal — the color of sea glass.
- Espresso (#582500): A deep, shadowed, balanced orange — the color of toasted spice.
- Onyx (#321200): A deep, shadowed, dusty orange — the color of toasted spice.
- Ink (#000606): 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
- Garnet Pier color palette (#D9F1E2, #005365, #550014, #141500, #010601)
- Eclipse Navy Loft color palette (#EFE0F1, #00457C, #443300, #251B00, #00050F)
- Moonless Garnet color palette (#E6E7CA, #275000, #690020, #3D000F, #020600)
- Inked Aubergine Parlor color palette (#C9E7F3, #004D54, #3C0F86, #172000, #000102)
- Cocoa Chapel color palette (#DBE2CE, #00734B, #883600, #493000, #000603)
- Inked Aubergine Veranda color palette (#EBDFC9, #00617B, #3F0075, #201700, #000B1D)
- Powdered Grape color palette (#FBDCEC, #5A00CC, #494500, #2C2A00, #0E0625)
- Muted Archive color palette (#DAEBE3, #B5A3B1, #977480, #003D54, #081711)
Browse the whole catalog at Explore, or see today's palette.