What Are Morandi Colors? Muted Palettes, HEX Values, and How to Use Them

1. Where Morandi colors come from

Giorgio Morandi (1890-1964) was from Bologna and barely ever left. He painted a narrow set of things — bottles, boxes, dried flowers, the hillside outside his window — and would come back to the same arrangement dozens of times.

The dust in those paintings comes from two layers. One is the subject: clay pots, old wooden boxes, cloth washed pale, all low in saturation to begin with. The other is the method. Pigment went on in many thin passes, the surface built up a slight film, and neighboring colors reflected into each other until the edges went soft. The light in his studio stayed the same year round, no direct sun, soft shadows.

One thing worth saying plainly: “Morandi colors” is a term the design world made up later. Art history does not use it. It names a family of colors, not a set of swatches Morandi himself worked from.

What the family has in common

• Low saturation, mostly 10 to 30 percent, with grey mixed in so nothing glows.
• Lightness in the middle to upper range. Pure black and pure white never show up, and even the darkest stop is no deeper than a warm brown.
• Hues packed close together, usually twenty or thirty degrees apart, so a group reads like different materials under one light.

The upside is comfort. Big areas do not tire the eye, and five minutes of looking does not drag into ten. The cost lands in the same spot. These colors give you no natural edges, so all the structure has to come from lightness and area. That is why a single piece looks good and the group goes heavy.

2. Common Morandi HEX values

These eight are the approximations that get passed around most in design work. Sources differ by a shade or two. Fine on screen, still needs a proof before print.

3. Three constraints for muted palettes

1. Keep at least 20 points of lightness between layers. The dusty blue #96A8B6 sits around 65 percent, the warm grey #E8E4DD around 89, so the two read front and back. Dusty pink #D9C3C0 is 80, grey rose #C4A8A4 is 71. Nine points apart, and stacked as two cards they merge.
2. Give the page one dark anchor. When everything is pale the eye has nowhere to land. Push one heading, the button, or the icon set down, leave the rest light, and the layout finds a focal point.
3. Keep the hues inside a narrow arc. Morandi colors usually stay twenty to forty degrees apart. One true red or true blue dropped in and the set breaks.

The first one is where most people trip. Reading low saturation as low contrast is the usual mistake, and the failure is really about lightness, not saturation.

4. In UI, posters, and interiors

Interfaces

A card list can go like this. Background #E8E4DD, cards #FFFFFF, headings #3A3733, body text #5C5751, primary button #96A8B6. Body text on the background measures about 5.6 to 1, past the 4.5 AA wants.

Posters

A muted poster goes soft unless two things hold it up: a big jump in type size and empty space. One grey field, one photograph, a headline taking a third of the format — that beats adding three more colors.

If a color has to go in somewhere, spend it on the one line that must be read, and keep it under a tenth of the area.

Interiors

In interiors these colors are close to the default, since paint already carries grey and a white wall was never pure white. A reliable arrangement: warm grey on the walls, dusty pink or moss in textiles, clay brown on woodwork and metal. The lightness difference is already there, so nobody has to invent contrast.

5. Picking them from the color card

The Morandi color card on this site sorts the family by primary hue. Open a swatch and the HEX copies, which saves trying values one at a time.

For a full muted scheme, the color scheme reference filters by style and shows combinations that already work together. That is closer to how the palette actually gets used than picking colors one by one.