Ochre #CC7722
Ochre is an earthy yellow-orange with a brown undertone, hex code #CC7722. It is medium in lightness and moderately saturated, warmer and darker than mustard. The name comes from a natural clay pigment, and the color suggests sunbaked earth, desert rock, and prehistoric cave paintings.
Natural ochre ranges from pale yellow to deep red-brown depending on its iron content. #CC7722 is a common digital value for the orange-brown middle, and CSS has no ochre keyword.
| HEX | #CC7722 | |
|---|---|---|
| RGB | rgb(204, 119, 34) | |
| HSL | hsl(30, 71%, 47%) | |
| HSV | hsv(30, 83%, 80%) | |
| CMYK | cmyk(0%, 42%, 83%, 20%) |
Text on Ochre
Black text reads better on Ochre. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Colors that go with Ochre
Ochre tints and shades
Tints mix Ochre with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.
Tints
Shades
Ochre color schemes
Color-wheel harmonies built by rotating the hue of #CC7722 and keeping its saturation and lightness.
Complementary
Analogous
Triadic
Split complementary
Tetradic
Ochre color meaning
Ochre is one of the oldest colors people have used. Iron-rich earth pigments appear in prehistoric cave art in Europe, Africa, and Australia, so the color has a deep link to early art and to the land itself. Yellow ochre and red ochre are still standard artists' paints today.
In Aboriginal Australian art, red, yellow, and white ochres remain important and are often tied to Country and ceremony. Those meanings belong to specific communities, so treat them with care in commercial work.
In everyday design, ochre reads as natural and warm. It has a rustic, sun-dried quality that suits desert landscapes, pottery, and handmade goods, and it feels older and more serious than bright orange or yellow. Many traditional buildings in southern France and Italy are washed in ochre plaster.
How to use Ochre in design
Ochre works for brands built on craft, nature, and travel: ceramics, coffee, outdoor clothing, and wine regions. On the web, use it for accents, section backgrounds, or illustration. Dark text reads better on it than white, so choose charcoal, deep brown, or black for anything small. It looks especially good next to deep blues and teals, which balance its warmth, and with off-white or cream for an airy feel. In interiors, ochre cushions, rugs, and plaster finishes suit Mediterranean and desert-inspired rooms.
Palettes with Ochre tones
Curated palettes with a color close to #CC7722.
Colors similar to Ochre
Work with Ochre
Ochre FAQ
Is ochre yellow or orange?
It can be either. Natural ochre pigments come in yellow, orange, and red forms, depending on the minerals in the clay. The common digital value #CC7722 is an orange-brown, between yellow ochre and red ochre. If you want a yellower version, look for yellow ochre in paint ranges.
What colors go with ochre?
Navy and teal give ochre its strongest contrast and keep it from feeling too hot. Cream and off-white make it airy, terracotta and rust build a warm earth palette, and olive or sage add a natural green. Charcoal works well for text and outlines alongside it.