Mocha Latte

A food 5-color palette built around Black Swan (#2d1f00), Vermin Brown (#8f6b00), and Pyrite (#fbc542), with a warm feel throughout.

foodwarm
Visualize
:root {
  --color-1: #2d1f00;
  --color-2: #5c4400;
  --color-3: #8f6b00;
  --color-4: #c5971a;
  --color-5: #fbc542;
}

.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

Smoked Oak Brown56
Xanthophobia15
Durazno Maduro50
Clinker1
Palette 8/22/20260
Palette 8/22/20260
Main Mast Gold2
Lepton Gold37

Mocha Latte FAQ

What colors are in Mocha Latte?

Mocha Latte uses 5 colors: Black Swan, Sugarloaf Brown, Vermin Brown, Nugget Gold, Pyrite.

Is Mocha Latte accessible for text and backgrounds?

The highest-contrast pair in this palette is Black Swan on Pyrite, at 10.1:1 (AAA). Use the accessibility panel above to check any specific pair.

How do I use Mocha Latte in a project?

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