Sugarloaf Brown

Looking for a pastel palette? This one pairs Sugarloaf Brown (#554700), Perennial (#b99d0c), and Ray of Light (#fff2bf) for a calm result.

pastelcalm
Visualize
:root {
  --color-1: #554700;
  --color-2: #857000;
  --color-3: #b99d0c;
  --color-4: #edcc36;
  --color-5: #fff2bf;
}

.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

Dull Violet9
Secret Passage73
Lepton Gold37
Main Mast Gold2
Xanthophobia15
Smoked Oak Brown56
Pleasant Purple17
Dull Violet3

Sugarloaf Brown FAQ

What colors are in Sugarloaf Brown?

Sugarloaf Brown uses 5 colors: Sugarloaf Brown, Sunlit Kelp Green, Perennial, Angelic Descent, Ray of Light.

Is Sugarloaf Brown accessible for text and backgrounds?

The highest-contrast pair in this palette is Sugarloaf Brown on Ray of Light, at 8.2:1 (AAA). Use the accessibility panel above to check any specific pair.

How do I use Sugarloaf Brown in a project?

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