Midnight Cocoa Lagoon color palette — #FFE5DB · #6D3D00 · #322600 · #0D1200 · #000200
A conversation between Bronze and Espresso, giving this palette its sense of nature and growth.
The five colors
- Rose Water (#FFE5DB): A whisper-light, dusty orange — the color of toasted spice.
- Bronze (#6D3D00): A full-bodied, balanced gold — the color of old brass.
- Espresso (#322600): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#0D1200): 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: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Midnight Cocoa Lagoon 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
- Bronze Corridor color palette (#F8E8D9, #9E6700, #4D3A00, #171400, #010100)
- Deep Station color palette (#F2E5CE, #604800, #381895, #281C00, #010009)
- Cellar Garnet Boulevard color palette (#F8E4E6, #960702, #4A2600, #140C00, #010100)
- Cellar Spruce color palette (#F0E8CE, #585800, #0B3A01, #00150B, #000302)
- Ultramarine Loft color palette (#F7DADC, #0049E0, #6F4900, #0D0D06, #020100)
- Aubergine Veranda color palette (#F5ECCC, #483A00, #390080, #35003C, #020100)
- Soft Orchard color palette (#FDECD3, #66A139, #007E7F, #4B1900, #030200)
- Bronze Meadow color palette (#F9E1CB, #A07C00, #585C00, #134300, #001B0F)
Browse the whole catalog at Explore, or see today's palette.