Midnight Cocoa color palette — #F4E4DA · #773100 · #1A3100 · #180030 · #030100

Rust takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F4E4DA): A whisper-light, dusty gold — the color of honey in a jar.
• Rust (#773100): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#1A3100): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Indigo (#180030): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#030100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. 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

• Obsidian Mulberry Study color palette (#F0DAD7, #890041, #2C2C00, #09003E, #040001)
• Deep Lagoon color palette (#FEE8D5, #5C2D00, #002422, #170007, #030100)
• Eclipse Balcony color palette (#EFE2CD, #5D4600, #00322A, #05004A, #160007)
• Eclipse Chestnut Courtyard color palette (#D5E4D9, #806200, #004739, #00103E, #040002)
• Basalt Bloom color palette (#F7EBD0, #495554, #3F3600, #182222, #000901)
• Timeworn Onyx Terrace color palette (#F1DDDA, #806017, #23542E, #480033, #19000F)
• Lowlit Fern Corridor color palette (#E8E2CD, #5E5B00, #003C4E, #350700, #040400)
• Hushed Spruce color palette (#F2E2DE, #4F9896, #005266, #002F07, #00040E)

Browse the whole catalog at Explore, or see today's palette.