Powdered Cocoa

A fathers-day 5-color palette built around Powdered Cocoa (#331b01), Centaur (#906842), and Melon Melody (#f9c18d), with a muted feel throughout.

fathers-daymuted
Visualize
:root {
  --color-1: #331b01;
  --color-2: #604020;
  --color-3: #906842;
  --color-4: #c39367;
  --color-5: #f9c18d;
}

.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

Dirty Martini53
Peach Flower28
Gold Black51
Lead50
Heartfelt55
Skrag Brown14
Nero17
Dwarven Bronze34

Powdered Cocoa FAQ

What colors are in Powdered Cocoa?

Powdered Cocoa uses 5 colors: Powdered Cocoa, Cassiterite Brown, Centaur, Chalet, Melon Melody.

Is Powdered Cocoa accessible for text and backgrounds?

The highest-contrast pair in this palette is Powdered Cocoa on Melon Melody, 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.