Gingerbread

Looking for a cool palette? This one pairs Gingerbread (#8f4c2e), Butternut Pie (#daa068), and Fernweh (#97762b) for a fresh result.

coolfresh
Visualize
:root {
  --color-1: #8f4c2e;
  --color-2: #a6683c;
  --color-3: #daa068;
  --color-4: #cd9e5d;
  --color-5: #97762b;
}

.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

Gingerbread FAQ

What colors are in Gingerbread?

Gingerbread uses 5 colors: Gingerbread, Camel Brown, Butternut Pie, Hammered Gold, Fernweh.

Is Gingerbread accessible for text and backgrounds?

The highest-contrast pair in this palette is Gingerbread on Butternut Pie, at 2.8:1 (Fail). Use the accessibility panel above to check any specific pair.

How do I use Gingerbread in a project?

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