Powdered Cocoa

Explore this fathers-day color palette featuring Powdered Cocoa (#311d00), Buff Leather (#ab772f), and Cinnamon Buff (#ffc070) for a muted design aesthetic.

fathers-daymuted
Visualize
:root {
  --color-1: #311d00;
  --color-2: #593800;
  --color-3: #825611;
  --color-4: #ab772f;
  --color-5: #d69b4a;
  --color-6: #ffc070;
}

.ASE works in Adobe apps and several others that adopted the format. .sketchpalette imports into Sketch. .swatches (Procreate) follows a community-documented structure, since Procreate doesn't publish an official spec, so treat it as best-effort. .pptx is a real PowerPoint file with the palette applied as the deck's theme colors (not just two sample slides); Keynote opens .pptx files directly too.

Similar palettes

Blackened Brown42
Brutal Doom46
Fabulous Fuchsia28
Light Peach Rose55
Palette 8/22/20260
Palette 8/22/20260
Hidden Passage104
Dirty Martini53

Powdered Cocoa FAQ

What colors are in Powdered Cocoa?

Powdered Cocoa uses 6 colors: Powdered Cocoa, Eyelash Camel, Medium Brown, Buff Leather, Gold Foil, Cinnamon Buff.

Is Powdered Cocoa accessible for text and backgrounds?

The highest-contrast pair in this palette is Powdered Cocoa on Cinnamon Buff, at 10.0:1 (AAA). Use the accessibility panel above to check any specific pair.

How do I use Powdered Cocoa in a project?

Copy the hex codes above, or open Powdered Cocoa in the generator to remix it and export as CSS, Tailwind, or JSON.