Burnt Butter

Burnt Butter (#a47c51), Mossy Rock (#aa945e), and Timothy Grass (#afaf76) come together in this pastel palette, well suited to soft designs.

pastelsoft
Visualize
:root {
  --color-1: #a47c51;
  --color-2: #ffe9c9;
  --color-3: #aa945e;
  --color-4: #9a8e57;
  --color-5: #afaf76;
}

.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.

Burnt Butter FAQ

What colors are in Burnt Butter?

Burnt Butter uses 5 colors: Burnt Butter, Barely Peach, Mossy Rock, Dijonnaise, Timothy Grass.

Is Burnt Butter accessible for text and backgrounds?

The highest-contrast pair in this palette is Burnt Butter on Barely Peach, at 3.2:1 (Fail). Use the accessibility panel above to check any specific pair.

How do I use Burnt Butter in a project?

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