Midnight Cocoa Garden color palette — #F7DBE8 · #803D00 · #2A2920 · #261300 · #060100

A conversation between Bronze and Ink, giving this palette its sense of optimism and sophistication.

The five colors

• Shell Pink (#F7DBE8): A whisper-light, dusty rose — the color of a warm blush.
• Bronze (#803D00): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#2A2920): a grounded near-black with real depth.
• Ink (#261300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#060100): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Midnight Cocoa Garden 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

• Cellar Study color palette (#EFDAED, #9D0023, #2C2619, #330600, #0A0000)
• Smoked Lagoon color palette (#D8EFDC, #694E00, #1D1800, #0C0814, #040200)
• Timeworn Bronze color palette (#FAE4D7, #A64D00, #402F00, #1E1D0F, #100400)
• Bronze Field color palette (#DEEFE4, #9C8500, #46481D, #2E2600, #09150C)
• Lagoon Villa color palette (#D0E3E2, #409675, #006150, #4C3200, #00140C)
• Fern Thicket color palette (#DAECE7, #466E00, #0B2C0C, #1B1E26, #050C00)
• Weathered Boulevard color palette (#E5DED0, #806100, #006E37, #8F0020, #0C0700)
• Dusty Plum Harbor color palette (#DBF2E0, #967100, #B4007C, #584100, #230015)

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