Midnight Cocoa color palette — #FAE6CB · #654700 · #004833 · #001D1D · #020100
Bronze takes the lead with Forest close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Parchment (#FAE6CB): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Bronze (#654700): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Forest (#004833): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001D1D): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#020100): quiet, heavy and certain.
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
- Charred Fern Thicket color palette (#E6DDCB, #635400, #00360C, #000A0A, #030100)
- Shadow Garnet Balcony color palette (#FFE2D9, #93002B, #473B00, #0D1D00, #040000)
- Wandering Fern color palette (#ECE4C8, #656300, #005A56, #002D39, #010100)
- Hushed Grove color palette (#FFE7D5, #A76700, #553900, #170F00, #020100)
- Twilit Garnet Lantern color palette (#EFDBEE, #6A001C, #003323, #00151E, #040000)
- Gentle Ridge color palette (#EFDDD7, #CB003B, #007070, #005152, #050000)
- Washed Cocoa color palette (#EFE5DE, #C8B7A9, #A68D70, #622900, #030100)
- Moss Lantern color palette (#FCF6D9, #859400, #00878E, #005476, #0A0700)
Browse the whole catalog at Explore, or see today's palette.