The Brown Color Code: HEX, RGB, CMYK

Few colors carry as much quiet weight as brown.

Brown color is a warm, neutral composite that combines red, yellow, and black pigments across a wide range of tints, shades, and tones. It sits near orange on the color wheel but reads as grounded and earthy, with RGB values typically around (150, 75, 0).

From rich chocolate and burnt sienna to soft tan and taupe, brown covers a lot of ground. It shows up in interior design, fashion, branding, and print work, often as the color that holds everything else together.

This article covers brown’s color codes, shades, psychology, complementary pairings, and how to mix it across different mediums.

Brown Color Codes

Brown (traditional) sits at #964B00 in hex. Its color values break down like this:

• RGB: 150, 75, 0
• HEX: #964B00
• CMYK: 0% Cyan, 50% Magenta, 100% Yellow, 41% Black
• HSL: 30deg, 100% Saturation, 29% Lightness

On the color theory spectrum, brown is a warm, composite color. It doesn’t appear on the standard RGB color wheel as a pure hue. Instead, it’s produced by mixing red with green in additive models, or by combining red, yellow, and black in subtractive ones like CMYK.

That’s part of why it behaves differently from primary or secondary colors. The hue sits near orange at 30 degrees, but the reduced lightness and saturation bring it into brown territory. It’s technically a dark shade of orange, which explains a lot about how it pairs with other colors.

Need accurate values across formats? The RGB to HEX Converter and HEX to RGB Converter tools handle that quickly. For print work, run your values through the RGB to CMYK converter to make sure your browns come out consistent on paper.

If you’re working in CSS and need unit conversions while building out a design system, tools like PX to REM and REM to PX come in handy alongside your color setup.

—

Brown Color Palettes

Brown is flexible when it comes to color harmony. Whether you’re after something grounded and warm or bold and contrasting, these combinations cover most design needs. Check out the brown color palettes reference for a deeper visual breakdown, or build your own with a color palette generator.

For more pairing ideas, the earth color palettes and warm color palettes collections sit naturally next to brown. So do autumn color palettes and vintage color palettes, which lean heavily on warm, muted earth tones.

If you need to check readability before finalizing a palette, run the values through a color contrast checker to verify WCAG compliance.

—

Brown Shades

Brown encompasses multiple variations including chocolate, chestnut, tan, caramel, saddle brown, and raw sienna.

Each variation differs in saturation, brightness, and undertone composition, with some leaning lighter toward beige and others darker toward near-black. That range gives brown a lot of flexibility as a design color.

You’ll notice the warm, red-orange undertones running through most of these. Even the darkest shades hold some of that warmth, which is what separates brown from gray or black. Related colors like terracotta, bronze, copper, cognac, and amber all share this warm-toned family.

For a full list of named color values used in web and print work, the color names reference covers them comprehensively.

—

What Are the Primary Attributes of Brown?

Brown has five primary attributes: warmth (derived from red and orange pigments), neutrality (low saturation), earthiness (strong association with natural materials), depth (wide lightness range from tan to near-black), and stability (grounding visual weight).

These attributes are what make it so reliable as a base color in both design and branding. It’s not flashy. That’s actually the point.

—

How Is Brown Used in Interior Design?

Brown functions as a foundational neutral in interior design, creating warm, grounded spaces that feel lived-in rather than sterile.

Designers use it for furniture upholstery, wood finishes, wall paint, and textiles, particularly in rustic, Scandinavian, and mid-century modern styles.

It works especially well as the dominant color in the 60-30-10 rule, where brown handles the 60%, letting accent colors do the visual work. Pair it with cream, white, or beige for contrast without tension.

Darker shades like chocolate or espresso add depth in rooms with good natural light. Lighter tones like sand or tan open up smaller spaces without making them feel cold. The neutral color palettes built around brown tend to age well, too.

—

What Psychology and Emotions Does Brown Evoke?

Brown evokes feelings of stability, comfort, reliability, and security through its association with soil, wood, and natural materials.

Color psychology research indicates brown reduces anxiety, signals trustworthiness, and creates grounded environments that support focus and ease. In Eastern cultures, it often carries meanings of humility and restraint.

It’s not the most exciting color on the wheel. But that’s not always a problem. Sometimes you want a space or a brand to feel dependable rather than attention-grabbing.

The emotional response does vary by shade. A warm mocha feels cozy and indulgent. A flat mid-tone brown can feel dull. Getting the shade right matters a lot here. The muted color palettes that include brown tend to lean into calm rather than energy, which fits certain use cases well.

—

How Is Brown Applied in Fashion and Clothing?

Brown serves as a wardrobe staple in fashion, offering quiet versatility through outerwear, leather goods, knitwear, and footwear.

Fashion designers use it for its season-neutral quality, its compatibility with a wide range of skin undertones, and its ability to shift from casual to formal depending on the fabric. Chocolate suede reads very differently from tan linen, even at the same hex value.

It’s also had a real comeback in recent years. Street style and runway collections have leaned into warm earth tones, with brown leather trench coats and camel knitwear sitting front and center. Pair it with ivory, rust, or olive green for a cohesive earthy palette. Or contrast it against cobalt blue if you want something with more energy.

The skin color palettes reference is useful here too, since brown coordinates differently depending on whether you’re working with warm, cool, or neutral undertones.

—

What Colors Complement and Contrast With Brown?

Brown complements cream, ivory, sage green, warm gold, and terracotta, while contrasting effectively with cobalt blue, teal, and bright white. These combinations produce grounded, cohesive palettes that use brown’s neutral warmth as a base for either harmony or tension.

Complementary Colors

Brown + Blue

• Color Theory Basis: Blue sits directly opposite brown (as a dark orange) on the color wheel, making it the true complementary
• Visual Effect: Cool-warm contrast that feels balanced and sophisticated
• Best Applications: Interior design, brand identities, fashion pairings
• Ratio Recommendations: 60% brown, 30% blue, 10% neutral white or cream
• Example Uses: Brown leather sofa with navy cushions, blue color palettes paired with walnut wood accents

Brown + Cream / Ivory

• Color Theory Basis: Tonal contrast within the warm neutral family
• Visual Effect: Clean, classic, airy without being cold
• Best Applications: Luxury interiors, packaging, editorial design
• Ratio Recommendations: 50% cream backgrounds, 40% brown elements, 10% accent
• Example Uses: Cream walls with dark chocolate furniture, cream color palettes built on brown foundations

Brown + Sage Green

• Color Theory Basis: Analogous-adjacent earth tone combination
• Visual Effect: Natural, organic, calming
• Best Applications: Wellness branding, biophilic interiors, sustainable packaging
• Ratio Recommendations: 55% brown, 35% sage, 10% off-white
• Example Uses: forest color palettes, botanical-themed brand identities

Brown + Gold / Warm Amber

• Color Theory Basis: Analogous warm tones sharing the same hue range
• Visual Effect: Rich, luxurious, heritage feel
• Best Applications: Luxury branding, hospitality design, jewelry packaging
• Ratio Recommendations: 70% brown base, 20% gold accents, 10% black or dark brown
• Example Uses: gold color palettes layered over deep brown, metallic type on brown stock

Contrasting Colors

Brown + White

• Contrast Type: Value contrast (light vs. dark)
• Visual Impact: Sharp, clean, modern
• Best Applications: Web design, minimalist print, signage
• Balance Strategies: Use white for large background areas and brown for type or UI elements to avoid heaviness

Brown + Teal

• Contrast Type: Split-complementary
• Visual Impact: Bold but natural, earthy meets ocean
• Best Applications: Branding, interior accent walls, textile design
• Balance Strategies: Keep teal to accent use only unless working with very light browns

Brown + Bright Yellow

• Contrast Type: Warm hue contrast with high value difference
• Visual Impact: Retro, energetic, fun
• Best Applications: Food branding, casual fashion, poster design
• Balance Strategies: Use yellow sparingly as a highlight; too much reads as garish against deep brown

Color Scheme Types

• Monochromatic: Layer tan, caramel, chocolate, and espresso for a tone-on-tone effect. Works especially well in monochrome color interior schemes
• Analogous: Brown with burnt orange and terracotta. Very on-trend right now, particularly in analogous color schemes for interiors
• Triadic: Brown, muted green, and dusty violet. Trickier to balance but strong in editorial and fashion contexts
• Split-Complementary: Brown with teal-blue and a warm gray. Grounded and visually interesting without being aggressive
• Tetradic: Brown, blue, green, and red-orange. Complex. Only works well with careful tetradic color scheme planning and a dominant neutral

Practical Pairing Guidelines

• 60-30-10 Rule: Brown works best as the 60% dominant tone, with a complementary color at 30% and a high-contrast accent at 10%
• Accent Color Strategy: Gold, teal, or cobalt work well as focal accents that let brown anchor the composition. Pair with emphasis principles in mind
• Neutral Bridging: Use cream, ivory, or warm white to separate bold color blocks and stop combinations from feeling muddy

—

How Does Brown Differ From Similar Warm Colors?

Brown differs from orange (higher saturation and brightness), beige (more neutral, yellow-gray undertone), taupe (cooler gray-brown mix), and tan (lighter, less red) through its specific balance of red, yellow, and black that creates its warm, mid-depth character.

—

How Do You Create Brown in Different Mediums?

Create brown by mixing all three primary colors (red, yellow, blue) in varying ratios in paint, or by setting RGB values to approximately (150, 75, 0) in screen-based applications, ensuring the red channel dominates for accurate warm-brown reproduction.

Acrylic Paint

• Base colors needed: Cadmium red, cadmium yellow medium, cerulean blue, titanium white
• Mixing ratios: Roughly equal parts red, yellow, blue to start. Increase red and yellow for warmth, add more blue to cool
• Process: Mix on a palette with a palette knife. The three primaries will go through a muddy stage before settling into brown
• Common mistakes: Using too much black too early (it kills the warmth). Not testing on a separate surface before applying
• Adjustment tips: Add burnt sienna to warm up; add ultramarine blue to deepen and cool

Acrylics dry slightly darker than they look wet, so always test on a scrap before committing. Took me a while to stop ignoring that step.

Oil Paint

• Pigments required: Burnt umber, burnt sienna, raw umber, ultramarine blue (for depth)
• Mixing technique: Burnt sienna + ultramarine blue (2:1) gives a versatile warm brown. Burnt umber + ultramarine (1:1) produces a deeper, cooler result
• Drying considerations: Oil browns can shift slightly warm as they oxidize. Account for this when glazing

Oils give you more time to work, which helps when fine-tuning complex earth tones. The slow dry is a feature, not a bug.

Watercolor

• Pigment selection: Raw sienna (transparent, warm) and burnt sienna work well. Avoid opaque pigments for layering
• Dilution ratios: Start with a weak wash and build up. More pigment per water ratio darkens quickly
• Layering: Glaze burnt sienna over a dry yellow ochre wash for depth. Build from light to dark

Gouache

Gouache behaves like opaque watercolor. Mix burnt sienna with a small amount of ultramarine blue and titanium white to control value. Gouache dries consistently matte, which affects how the brown reads, especially in dark tones.

The color can shift noticeably on drying. Test before painting final surfaces.

Print / CMYK

• Cyan: 0%
• Magenta: 50%
• Yellow: 100%
• Black: 41%
• Printing considerations: Uncoated paper absorbs more ink and shifts brown warmer. Coated stock gives more accurate results. Always do a press proof
• Pantone matching: Pantone 7526 C and Pantone 7527 C are close matches depending on the specific shade needed

If you’re switching between screen and print, the RGB to CMYK converter is worth bookmarking. Color shift between modes is real, especially with warm browns.

—

What Are the Best Practices for Using Brown in Design?

Best practices for brown include pairing it with strong contrast colors, testing across light conditions, using warm neutrals as buffers, and anchoring it with clear typographic hierarchy.

Designers should avoid using multiple brown tones that are too close in value, since they flatten into mud without enough contrast. Make sure text-on-brown combinations pass WCAG contrast standards. A color contrast checker handles this fast.

In web design, brown backgrounds need especially careful type treatment. White and cream work reliably. Mid-tones usually do not.

Visual hierarchy matters a lot with brown schemes because the color has low inherent energy. Use contrast, scale, and emphasis to guide the eye. Without that, everything reads as equally quiet.

One thing I always recommend: build a mood board before committing to a brown-heavy palette. It’s easy to think you want a warm, earthy look and end up with something that just feels dated. The mood board process helps you see the whole before finalizing parts.

—

What Role Does Brown Play in Branding and Marketing?

Brown plays a grounding, trust-signaling role in branding, communicating reliability, authenticity, and connection to nature. Marketing research indicates brown increases perceived brand stability and heritage, making it effective for food, beverage, and lifestyle brands seeking an honest, approachable identity.

Well-known examples include UPS, Hershey’s, M&M’s, and Nespresso. All lean on brown to suggest warmth and dependability rather than innovation or excitement. It’s not the right call for every brand. But when the goal is to feel real and grounded rather than flashy, brown does the job well.

In logo design, brown works best combined with clean typography and strong white space. Too many competing elements and the brown starts to look muddy rather than refined. Check the logo design principles and brand guidelines resources if you’re building a brown-based identity from scratch.

The brand style guide setup is where most of this gets locked in. Nail the brown shades, their approved pairings, and the contrast rules early. It saves a lot of revision work later.

FAQ on Brown Color

What colors make brown?

Mix all three primary colors together: red, yellow, and blue. Equal parts produce a basic brown. Adjust the ratio to shift the tone. More red and yellow gives a warmer result. More blue cools it down and deepens the shade.

What is the hex code for brown?

The traditional brown hex code is #964B00. RGB values sit at (150, 75, 0). CMYK breaks down to 0% cyan, 50% magenta, 100% yellow, and 41% black. Specific shades like chocolate or tan carry different codes entirely.

What does brown mean psychologically?

Brown signals stability, reliability, and comfort. Color psychology links it to earthy tones, natural materials, and security. It’s grounding rather than exciting. In branding, it communicates trustworthiness and authenticity more than energy or ambition.

What colors go well with brown?

Blue is the true complementary. Cream, ivory, and warm white are safe neutrals. Sage green, terracotta, and gold work naturally alongside it. For contrast, try teal or cobalt. Warm color palettes built around brown tend to feel cohesive and grounded.

Is brown a warm or cool color?

Brown is a warm color. Its hue sits near orange at roughly 30 degrees on the color wheel. The red and yellow pigments in its mix give it warmth. Some brown shades, like taupe, lean slightly cooler due to gray or blue undertones.

What is the difference between brown and tan?

Tan is a lighter, less saturated version of brown with a sandy, yellow-leaning tone. Brown carries more red and deeper value overall. Tan reads as soft and neutral. Brown reads as richer and more grounded. Both belong to the same earthy color family.

What emotions does brown evoke?

Brown evokes comfort, security, and quiet confidence. It’s associated with wood, soil, and natural materials, which makes it feel dependable. In some contexts, flat mid-tone browns can feel dull or heavy, especially without enough contrast or texture in the design.

How is brown used in interior design?

Brown works as a foundational neutral for furniture, flooring, wood accents, and wall paint. It pairs well with cream and white for contrast, and with sage or gold for warmth. Earth color palettes centered on brown suit rustic, Scandinavian, and mid-century modern styles well.

What brands use brown in their identity?

UPS, Hershey’s, Nespresso, and M&M’s all use brown prominently. It signals reliability, heritage, and a connection to natural ingredients. Brown works particularly well for food, beverage, and lifestyle brands where authenticity and warmth matter more than excitement or novelty.

Is brown a primary, secondary, or tertiary color?

Brown is none of those. It’s a composite color produced by mixing complementary pairs or all three primaries together. It doesn’t appear on the standard color wheel as a pure hue, which is part of why it behaves differently from most other colors in design work.

Conclusion

This conclusion is for an article presenting brown color as one of the most versatile and underrated choices in design, fashion, and branding.

From deep chocolate and burnt umber to soft caramel and raw sienna, the range of warm earth tones within the brown family gives designers a lot to work with.

It anchors neutral color palettes, pairs naturally with analogous warm hues, and holds its own against bold complementary contrasts like cobalt and teal.

Its color psychology signals reliability and authenticity, which is why so many heritage and food brands keep coming back to it.

Whether you’re mixing pigments, setting CMYK values for print, or building a brand style guide, getting brown right pays off. It’s a color that rewards careful handling.

• Author
• Recent Posts

Bogdan Sandu

Bogdan Sandu is a seasoned designer who has been designing websites since 2008.

Renowned for his expertise in logo design and visual branding, Bogdan has developed a multitude of logos for various clients.

His skills extend to creating posters, vector illustrations, business cards, and brochures. Additionally, Bogdan's UI kits were featured on marketplaces like Visual Hierarchy and UI8.

He also wrote in the past years on sites like Design Your Way, WebDesignerDepot, WPDean, Designmodo, Speckyboy, Slider Revolution, and more.

Latest posts by Bogdan Sandu (see all)

• The Best Gamma Alternative for Business Presentations in 2026 - 7 August 2026
• Canva vs Figma: Which Should Designers Actually Use? - 6 August 2026
• The Dualshockers Logo History, Colors, Font, And Meaning - 4 August 2026