Hey friend! I've moved all my Bible studies and devotionals to Search His Pages
#635147
PANTONE 18-1219 TCX
COLOR GUIDE Cool-Muted-Brown

Umber

Muted, Earthy, Subtle
Hex
#635147
RGB
99, 81, 71
CMYK
0%, 18%, 28%, 61%
HSL
23°, 16%, 33%
ABOUT & ORIGIN

What is Umber? Where does the name come from?

Also known as: Cocoa, Taupe

Umber is a muted, earthy brown with a subtle cool undertone. It sits between true brown and gray, with a softness that makes it feel understated and natural. The color takes its name from umber, a natural earth pigment that has been used in art for centuries. Umber is darker than taupe and has more gray influence than cocoa. It’s also cooler than coffee but warmer than charcoal. This is a brown that feels muted and earthy, like rich soil.

Designer note:

Umber is often confused with taupe or cocoa. Taupe is lighter and more gray-toned, while cocoa is warmer and more rich. Umber’s main distinction is its muted, cool quality, giving it a subtle, earthy feel that’s perfect for natural and artistic contexts.

MEANING SPECIFIC TO UMBER

Psychology of Umber

Umber is associated with earthiness, stability, and subtlety. It’s the color of earth pigments and natural materials, where its muted quality adds to the sense of authenticity and grounding. In psychology, umber tends to create a sense of stability and calm, but with a subtlety that feels refined. It’s often used in natural and organic branding, where its earthy quality adds to the appeal. The color also has associations with art and craftsmanship, adding a sense of creativity to its psychology.

Where you'll see it

• Natural and organic products
• Art and creative brands
• Traditional and heritage brands
• Home decor and interior design
• Subtle and refined brands

🎨 COLOR HARMONIES USING UMBER

Find The Perfect Umber Color Palette

Umber Color Palettes

Complementary
#635147
#475862
Monochromatic
#958379
#7c6a60
#635147
#4a382e
#311f15
Triadic
#625047
#476250
#504762
Analogous
#624758
#62474b
#625047
#625e47
#586247
Shades
#55463d
#473a33
#392f29
#2c241f
Tints
#82746c
#a19791
#c1b9b5
#e0dcda
Want to make your own palette?
Generate palettes from any photo
Use Palette Generator →
USING UMBER

Tips & Ideas On Where To Use Umber

Interior & Decor

Umber works well in interiors, particularly in studies, libraries, and spaces where a muted, natural atmosphere is desired. It’s a popular choice for accent walls, furniture, and textiles in earthy and traditional spaces. The color pairs well with cream, beige, and warm woods for a natural look, or with gray and navy for a more modern feel. In textiles, umber appears in wool rugs, linen curtains, and leather furniture, adding earthiness and subtlety to any space.

Best white to pair: #FFF5F0 - Soft Ivory

Fashion & Style

Umber is a muted, versatile color for fashion. It works well in classic and understated pieces, appearing in coats, trousers, and accessories where its subtlety adds to the overall feel. The color is also popular in earthy and minimalist styles. It pairs well with cream, navy, olive, and gray. In accessories, umber bags, belts, and shoes add a subtle, earthy touch to neutral outfits.

Design Tips

• Use umber for brands that want to convey earthiness and subtlety
• In interiors, it works well for muted, natural spaces
• Pair with cream, beige, and warm woods for an earthy palette
• In fashion, it’s a versatile color for classic and understated pieces

ACCESSIBILITY

How To Use Umber For Text & Backgrounds

WCAG AA 4.5:1
On Black Background
Slate Blue Heading
This is how paragraph text looks when Umber is used on a dark background.
Checking…
On White Background
Slate Blue Heading
This is how paragraph text looks when Umber is used on a light background.
Checking…
Umber As Background
White on Umber
Paragraph text on a Umber background - does it remain readable?
Checking…
Black on Umber
Black on Umber
Paragraph text on a Umber background with black text - does it remain readable?
Checking…
Not quite passing? Adjust shades until you get 4.5:1
Open Contrast Checker →
FREE COLOR TOOLS

Use Our free Tools To Find The Perfect Colors To Use With Umber

EXPLORE MORE

Visit Our Other Color Libraries

Quick Codes

HEX #635147
RGB 99, 81, 71
CMYK 0%, 18%, 28%, 61%
LRV 11

At a Glance

FamilyBrown
TempCool
UndertoneMuted-Brown

Pairs Well With

Umber #635147
Lightest Tint #e0dcda
Darkest Shade #2c241f
Analogous Left #62474b
Analogous Right #625e47
Complementary #475862