Midnight Cocoa color palette — #E2F2E3 · #624300 · #1F3000 · #001913 · #170000
Built around Bronze, softened by Deep Forest — the whole palette hums with nature and growth.
The five colors
- Honeydew (#E2F2E3): A whisper-light, dusty green — the color of a quiet forest floor.
- Bronze (#624300): A full-bodied, balanced gold — the color of old brass.
- Deep Forest (#1F3000): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#001913): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#170000): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, 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
- Eclipse Boulevard color palette (#D5E6E1, #395400, #00322A, #001621, #0C0600)
- Wandering Bronze color palette (#E7DDCE, #886300, #513F00, #251F00, #041002)
- Weathered Pier color palette (#FFE8F1, #E95300, #A15900, #594000, #110600)
- Inked Garnet color palette (#F7E0F2, #8E0504, #3A2500, #0F1700, #140010)
- Moonless Garnet color palette (#ECDFE8, #881800, #003321, #030041, #00000C)
- Weathered Atelier color palette (#CFE8DF, #627100, #005340, #003342, #2C1C00)
- Cerulean Meadow color palette (#DBEAE8, #319EB6, #005268, #002F32, #001622)
- Dusty Navy color palette (#FDE0D1, #B72900, #005334, #04007E, #00002A)
Browse the whole catalog at Explore, or see today's palette.