Coffee Grounds

Explore this vintage color palette featuring Coffee Grounds (#301d0f), Art and Craft (#896a55), and Siesta (#f0c4a5) for a muted design aesthetic.

vintagemuted
Visualize
:root {
  --color-1: #301d0f;
  --color-2: #5b4130;
  --color-3: #896a55;
  --color-4: #bb967c;
  --color-5: #f0c4a5;
}

.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

American Bronze37
Moelleux au Chocolat2
Dark Catacombs0
Warm Oats54
Mustard Seed38
Australien42
Movie Star33
Kirsch0

Coffee Grounds FAQ

What colors are in Coffee Grounds?

Coffee Grounds uses 5 colors: Coffee Grounds, Potting Soil, Art and Craft, Cool Clay, Siesta.

Is Coffee Grounds accessible for text and backgrounds?

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

How do I use Coffee Grounds in a project?

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