Mochaccino

Explore this earthy color palette featuring Mochaccino (#925a01), Hacienda (#9d7c1e), and Trendy Green (#807d1d) for a muted design aesthetic.

earthymuted
Visualize
:root {
  --color-1: #925a01;
  --color-2: #bc8d3c;
  --color-3: #9d7c1e;
  --color-4: #746400;
  --color-5: #807d1d;
}

.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
Hidden Passage104
Main Mast Gold2
Lepton Gold37
Dull Violet9

Mochaccino FAQ

What colors are in Mochaccino?

Mochaccino uses 5 colors: Mochaccino, Trading Post, Hacienda, Arousing Alligator, Trendy Green.

Is Mochaccino accessible for text and backgrounds?

The highest-contrast pair in this palette is Trading Post on Arousing Alligator, at 2.0:1 (Fail). Use the accessibility panel above to check any specific pair.

How do I use Mochaccino in a project?

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