Colour field painting and the modern gradient

Color field painting is a kind of abstract painting that emerged in the United States from the late 1940s, in which large areas of nearly flat colour fill the canvas and become the subject. Mark Rothko, Barnett Newman and Clyfford Still led the first generation; Helen Frankenthaler, Morris Louis and Kenneth Noland pushed it further in the 1950s and 1960s. Their discoveries about soft edges, scale and layered colour are, almost exactly, the craft of making a good modern gradient.

Colour field painting explained

It grew out of Abstract Expressionism in New York, alongside the energetic drip and gesture painting of artists like Jackson Pollock. Where gesture painters made the brushstroke the subject, colour field painters did nearly the opposite: they quietened the surface so colour itself could do the work. The canvases were often very large, meant to be seen up close, so that colour filled your vision.

The critic Clement Greenberg championed the later, cooler strand of the movement, and in 1964 organised an exhibition called Post-Painterly Abstraction that included many of its painters. The labels overlap, and the artists themselves often resisted them, but the shared idea is clear: colour as the whole event.

The painters and what each one did

Rothko's work is the most famous example. From around 1950 his paintings settled into two or three blurred rectangles hovering on a coloured ground. The Rothko Chapel in Houston, which opened in 1971, houses a set of his large, dark late paintings. Frankenthaler's 1952 painting Mountains and Sea, made with her soak stain method, influenced Louis and Noland, who went on to develop their own stained canvases.

What colour field painting teaches about gradients

Most generic gradients fail in exactly the ways these painters avoided: too many colours, harsh transitions, no breathing room. Their lessons translate directly.

The last point matters most. Colour changes depending on what surrounds it, a principle explored at length in color theory. A deep red beside orange glows; the same red beside grey looks brown. Colour field painters chose their neighbours with care, and a good gradient does the same. Analogous colors gives a reliable method for picking neighbours that blend cleanly.

Colour field inspired gradients

These gradients borrow the principles, not the paintings. They are studies in the spirit of the movement, made with a single CSS value each. Gradient art and abstract art ideas take the same thinking further.

To get closer to the hovering rectangles, with a margin of ground all around and edges that blur, layer real elements instead of a single gradient. This CSS draws two softly edged fields floating on a coloured ground.

.canvas {
  position: relative;
  aspect-ratio: 3 / 4;
  background: #5a1a18; /* the ground */
  overflow: hidden;
}

.field {
  position: absolute;
  left: 9%;
  right: 9%;
  border-radius: 2px;
  filter: blur(6px);
}

.field.top {
  top: 7%;
  height: 40%;
  background: linear-gradient(180deg, #e8742f, #d65f25);
  opacity: 0.92;
}

.field.bottom {
  top: 53%;
  height: 38%;
  background: linear-gradient(180deg, #2a0d0e, #3a1312);
  opacity: 0.95;
}

Using the idea in design today

Colour field thinking suits anything that needs to feel calm and serious: gallery invitations, book covers, album art, a hero section with one short line. Keep words small and off to one side, so the colour stays the main event. Art gallery marketing shows how galleries use this restraint on social, and a light grain, covered in grainy gradients, restores some of the surface a painting has.

Gradiently's Marks are built on similar thinking: a small family of colours, soft light and a material, rendered live behind whatever you design and moving their calmest area behind your words. Each one is checked against every other so no two look alike, which is a fair aim for anything inspired by painters who spent years finding a look of their own.