De Stijl Looks Primary. Rietveld's House Is Mostly Grey

Ask someone to picture De Stijl and you will get red, yellow and blue. Mondrian's grid. Rietveld's chair. Maybe a house that looks like a Mondrian painting you can walk into.

Now look at a photograph of that house, the Rietveld Schröder House in Utrecht. Most of what you see is white and grey. The primaries sit on thin steel and wood elements, with black frames around the doors and windows. Decades after it was built, the people who looked after it were still arguing about how many greys it had.

That is the useful part of the De Stijl story for anyone choosing colour today. The primaries get the credit. The neutrals do the work.

The rule, and the chair that kept it

De Stijl began in 1917 as a magazine started by Piet Mondrian and Theo van Doesburg, according to Tate. Tate describes the look as a strict geometry of horizontals and verticals. For Mondrian, the palette was just as strict: the same museum says his Neo-Plasticism was "restricted to the three primary colours and to a grid of black vertical and horizontal lines on a white ground".

Three hues, plus black and white. It is one of the tidiest colour systems in art history, and it is easy to copy badly.

Gerrit Rietveld took it into furniture. His armchair was designed in 1918, and the V&A says plainly that it "did not start out as red and blue". The early versions were plain stained wood. The painted chair arrived in 1923: a red back panel, a blue seat panel, and a black frame whose cut ends are yellow.

Look at where each colour went. The two big flat planes you sit against and on get the red and the blue. The frame, the part that carries the structure, goes black. The yellow is a small accent on the tips. Rietveld did not spread three colours evenly. He gave each one a job.

If you want to try that division in a screen design, our palette generator is a quick way to test a few accents against a dark neutral.

A house with the volume turned down

The Schröder House followed in 1924. Rietveld designed it for Truus Schröder. Its colour is the version of De Stijl that most people misremember.

The Centraal Museum in Utrecht looks after the house. In 2019 it published, with TU Delft, a book on the paintwork. In its chapter on the exterior, Marie-Thérèse van Thoor describes what the restorers found. The walls were white and shades of grey. The doors, window and door frames were black. Accents on steel and woodwork were yellow, white, red and blue.

So the primaries are real, and they are small. What fills the frame is a range of greys.

Rietveld was precise about the primaries when he picked them. According to the architect Bertus Mulder, who restored the house and worked with Rietveld, the red had to be "carmine-ish", not "bloody". The blue should be ultramarine. The yellow had to be canary yellow, "not too orange". (If ultramarine is new to you, the story of why Renaissance painters prized it explains where that blue came from.)

Here is a rough version of those three, plus black and white. The hexes are our approximations of Rietveld's verbal descriptions, not measured values from the house.

Why black was not the loud one

Black is the colour people expect to shout. Truus Schröder remembered that when she first met Rietveld, many people found black obtrusive. Rietveld disagreed. Van Thoor reports that he thought black actually receded. He used it on elements such as door and window frames that were not meant to push forward, so that everything reads as sitting in one plane and the overall composition stands out.

That is a designer's argument about contrast. A dark line separates two light surfaces without competing with either. If you have ever struggled to keep a border from stealing attention from the content it frames, Rietveld's answer is worth knowing. Our piece on contrast that still reads clearly goes further on the technique.

The greys were the real design problem

Rietveld did not pick the walls from a chart. He chose colour on the spot with the painter, and he cared about how light reflected and diffused across each surface. He first decided, room by room, how much light a space should reflect, then turned that into a set of grey surfaces. Lighter greys went on sections where the form needed emphasis. Darker greys covered the flat parts between.

He judged by how much light bounced, not by hue. Van Thoor writes that the painter might even suggest a different colour with the same light value. Van Thoor adds that Rietveld regarded the choice of colour as a "live act of creation" that did not suit rules. He decided wall by wall as he walked around the house.

That is hard to document, and it shows. Here is what the record can and cannot tell us:

• There is no colour plan. Rietveld made no drawings or plans for the original colour scheme. The coloured axonometric drawings were redone in the early 1950s for De Stijl exhibitions and show an ideal, not the real house.
• Nobody agreed on the count. In 1973 Truus Schröder thought the house had four greys. Her daughter Han thought three. After the restoration, Mulder found five on the walls.
• The first coat failed. Early photographs show the walls looking spotty. Rietveld had hoped to get his greys by mixing black pigment into the plaster. That did not work. He then used whitewash with linseed oil and black pigment, which also went blotchy in the rain.
• The paint changed. He went looking for a different brand and settled on Alpha, later taken over by Sikkens, which still supplies paint for the house.
• The house was repainted constantly. Possibly as many as ten times. According to Mulder, the walls needed repairing and repainting about every five years.

The recipe for a grey is the best part. Mulder said Rietveld used a colour fan to choose them, and that at each repaint the greys were mixed against a new fan to get as close as possible, from "white and black, a little bit of ochre and a speck of red".

Warm greys, cool greys

The greys also drifted over time. Mulder found that the contrast between the greys was much greater at first. In his words, "At first they tended towards ochre, later they were more bluish." For the restoration, he brought back the earlier contrast and used an ochreous grey, "a sort of elephant grey". He called mixing the greys the most difficult part of the whole restoration, one that sometimes drove him to despair.

For the restoration, Truus Schröder chose to return the house to its 1924 state. Han Schröder thought the repainted house looked less light, possibly because of the matt black frames and the amount of ochre in the greys.

You can play with this yourself. The five swatches below are an illustration of the idea, a run from warm and pale to dark and cool-leaning, not a record of the house's paint. They show how a set of greys that look alike on paper behaves as a group.

Notice that every one of these has a slight tint. A flat neutral grey reads as dead next to a saturated accent. A grey with a touch of ochre or red in it looks lit. That is the speck of red in Rietveld's recipe doing its job. For more on how neutrals behave, see what whites, greys and beiges do for a design.

Even a drainpipe changes the walls

The restorers learned how fragile the balance was. The rainwater pipes, which nobody would call a feature, ended up painted in different ways: white against pale grey on one wall, pale grey against white on another, white on white at the back. Early photographs show them in plain zinc grey. Van Thoor notes that even the colours of the pipes could completely alter the character of the walls. Han Schröder was unhappy about a plan to paint a pipe white instead of grey, and asked why anyone would hunt for "original colours" and then invent their own composition without documents to back it up.

Her objection is the whole argument. Colour in this house was never a list of hexes. It was a relationship, and changing one element rippled across the rest. If you have read about how one colour can rewire a whole design, you have seen the same effect in a lab.

What to take from it

Mondrian's rule is easy to describe, and that is why it spreads. Three primaries, black, white, a grid. Copy it and you get something that looks like De Stijl.

Rietveld's built work shows what the rule leaves out. His house runs on a hierarchy.

1. Neutrals carry the surface. Greys and white fill most of the area, and Rietveld tuned them by light value, not by name.
2. Black is the quiet one. Used on frames and edges, it keeps the structure in one plane.
3. Primaries are small and placed. They mark specific elements and do not compete with each other.

For a UI, that is close to a good default. Pick your greys with as much care as your brand colour. Test them as a set, not one at a time, and judge them in the light they will be seen in. Our color theory reference covers the basics if you want a refresher before you start.

The next time you see a photograph of a Mondrian-like building, count the greys.

Sources

• De Stijl, Tate
• Piet Mondrian 1872 to 1944, Tate
• The Red Blue Chair, Victoria and Albert Museum
• The Paintwork and the Colours of the Exterior, Marie-Thérèse van Thoor, in Colour, Form and Space: Rietveld Schröder House Challenging the Future (Centraal Museum and TU Delft, 2019)