Midnight Cocoa Market color palette — #D0E6D6 · #5A4700 · #003035 · #26000D · #020100
Deep Olive and Ink set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#D0E6D6): A whisper-light, dusty teal — the color of glacier melt.
- Deep Olive (#5A4700): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#003035): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#26000D): A deep, shadowed, dusty red — the color of late-summer berries.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Midnight Cocoa Market 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
- Lowlit Spruce Corridor color palette (#DFF5DE, #654000, #083401, #1C002A, #020100)
- Midnight Abyss color palette (#CCEEF3, #00564A, #002E41, #210700, #000201)
- Eclipse Abyss Meadow color palette (#CFF0E7, #463F49, #2C4400, #001F3B, #100500)
- Muted Corridor color palette (#DEF2E7, #43763E, #004035, #221F00, #000400)
- Aubergine Terrace color palette (#D3E6E7, #00684A, #320D90, #251700, #000502)
- Pine Basin color palette (#DCE2CC, #007C3D, #003F68, #2B0021, #020100)
- Navy Workshop color palette (#EAE1D0, #7E6200, #00467D, #451400, #130300)
- Worn Ridge color palette (#EEE3EF, #6192A3, #00516C, #002E14, #000412)
Browse the whole catalog at Explore, or see today's palette.