Midnight Cocoa color palette — #FFE4F2 · #763300 · #322900 · #011601 · #000201
Built around Rust, softened by Espresso — the whole palette hums with nature and growth.
The five colors
- Blush (#FFE4F2): A whisper-light, dusty rose — the color of strawberry cream.
- Rust (#763300): A full-bodied, balanced orange — the color of autumn markets.
- Espresso (#322900): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#011601): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Black (#000201): 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 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
- Twilit Spruce color palette (#D8ECDD, #5B4600, #123300, #001412, #000103)
- Aged Spruce Lagoon color palette (#FEE7DD, #8B6746, #513A00, #002C0A, #000C06)
- Gentle Drift color palette (#FFEBE3, #C00026, #613B00, #252A00, #120014)
- Inked Coast color palette (#F3E9F7, #87004A, #491800, #160F00, #000200)
- Aubergine Quarry color palette (#FCE6E9, #780081, #362800, #00171C, #02030D)
- Navy Study color palette (#D8EAFF, #00488E, #2D2B00, #001509, #000102)
- Smoked Alley color palette (#F3DFDE, #AE221D, #661300, #2E0C00, #080200)
- Plum Ridge color palette (#E5DDED, #B11C7A, #304400, #001A17, #000103)
Browse the whole catalog at Explore, or see today's palette.