Umber

Looking for a warm palette? This one pairs Umber (#b36300), Alligator (#906600), and Sunlit Kelp Green (#7d6e00) for a bold result.

warmbold
Visualize
:root {
  --color-1: #b36300;
  --color-2: #d58800;
  --color-3: #906600;
  --color-4: #d3a800;
  --color-5: #7d6e00;
}

.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

Palette 8/22/20260
Palette 8/22/20260
Clinker1
Durazno Maduro50
Smoked Oak Brown56
Xanthophobia15
Blackened Brown42
Brutal Doom46

Umber FAQ

What colors are in Umber?

Umber uses 5 colors: Umber, Fleur de Sel Caramel, Alligator, Prehnite Yellow, Sunlit Kelp Green.

Is Umber accessible for text and backgrounds?

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

How do I use Umber in a project?

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