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.

Ochre color codes
HEX#CC7722
RGBrgb(204, 119, 34)
HSLhsl(30, 71%, 47%)
HSVhsv(30, 83%, 80%)
CMYKcmyk(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.

White text

The quick brown fox jumps over the lazy dog.

3.37:1 · AA large
Black text

The quick brown fox jumps over the lazy dog.

6.22:1 · AA

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

#D48B43
#DBA064
#E3B485
#EBC9A7
#F2DDC8

Shades

#AD651D
#8F5318
#704113
#52300E
#331E09

Ochre color schemes

Color-wheel harmonies built by rotating the hue of #CC7722 and keeping its saturation and lightness.

Complementary

#CC7722
#2277CC

Analogous

#CC2222
#CC7722
#CCCC22

Triadic

#CC7722
#22CC77
#7722CC

Split complementary

#CC7722
#22CCCC
#2222CC

Tetradic

#CC7722
#22CC22
#2277CC
#CC22CC

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.