Midnight Cocoa color palette — #FCE3EC · #643700 · #2F2B1E · #0F0F00 · #040001
Built around Bronze, softened by Ink — the whole palette hums with optimism and sophistication.
The five colors
- Rose Water (#FCE3EC): A whisper-light, dusty rose — the color of pressed rose petals.
- Bronze (#643700): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Onyx (#2F2B1E): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#0F0F00): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Shadow Basalt color palette (#DEEDE1, #463300, #141C23, #030900, #030002)
- Nocturne Garnet color palette (#EBDDEB, #820026, #372B1F, #190A00, #030004)
- Chestnut Field color palette (#F8E1CA, #885100, #273331, #181100, #020100)
- Aged Courtyard color palette (#FCE3D6, #926000, #524200, #212C00, #001001)
- Moss Station color palette (#E2F2EA, #8C8700, #244140, #17211C, #100B0C)
- Obsidian Fern Ridge color palette (#C5EAE4, #196703, #363C43, #001F1D, #000706)
- Hushed Station color palette (#D8E8D9, #74810C, #005224, #321F45, #070900)
- Ultramarine Courtyard color palette (#F2F2D8, #736F00, #3D3DCA, #3B3800, #040028)
Browse the whole catalog at Explore, or see today's palette.