Midnight Cocoa color palette — #F9EAE1 · #5F3F00 · #002B13 · #110026 · #010100
Built around Bronze, softened by Ink — the whole palette hums with nature and growth.
The five colors
- Cream (#F9EAE1): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Bronze (#5F3F00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Deep Forest (#002B13): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#110026): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged retro, 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
- Nocturne Fern color palette (#E9E7D4, #4F4D00, #182A00, #001112, #000300)
- Midnight Onyx Alley color palette (#DBF1E4, #443C00, #1D005C, #090023, #030004)
- Charred Onyx Grove color palette (#FAEBCC, #746300, #163C00, #020038, #010100)
- Charred Field color palette (#F8ECCA, #880018, #292300, #000921, #030100)
- Velvet Fern Pier color palette (#FFE0CE, #586800, #004237, #2D0C25, #0C0008)
- Moonless Forest Balcony color palette (#D6EEE8, #00684E, #003034, #2B0214, #000201)
- Washed Rust Market color palette (#E3E5D0, #BE5600, #666600, #004240, #000200)
- Washed Cerulean color palette (#EFE0EB, #008897, #00405E, #002112, #00000D)
Browse the whole catalog at Explore, or see today's palette.