Midnight Cocoa color palette — #FADAE6 · #6E3C00 · #0E2C00 · #110030 · #050300

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

The five colors

• Shell Pink (#FADAE6): A whisper-light, dusty rose — the color of pressed rose petals.
• Bronze (#6E3C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#0E2C00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Indigo (#110030): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#050300): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Shadow Fern Hollow color palette (#F5DAF2, #4C4E00, #002A28, #1E0018, #000500)
• Charred Garnet color palette (#F9EDD5, #8E0119, #2A2400, #01003B, #090200)
• Inked Cocoa color palette (#F4D4E5, #632900, #00232B, #241105, #140019)
• Dusty Chestnut color palette (#E5F2E8, #7E5E00, #324500, #001E43, #040300)
• Smoked Spruce color palette (#D4F4E3, #3A4E52, #342F00, #111B20, #000601)
• Sunlit Ember Pier color palette (#D7EADB, #E24B13, #6B6000, #004031, #030600)
• Abyss Workshop color palette (#FFE3E1, #746236, #0F492B, #350A26, #1E0004)
• Abyss Workshop color palette (#EBE1EB, #508C8E, #004358, #00240C, #00081C)

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