Curated Color Harmonizer • #78350F

Brown Color Combinations

Discover rich brown color combinations. Generate warm caramel, rustic earthy, terracotta, and modern luxury brown palettes with HEX codes and live previews. Brown represents grounding earthiness, artisan craftsmanship, wholesome warmth, and timeless organic heritage.

Interactive Brown Palette Generator

Anchor base color is automatically pinned. Switch harmony rules or randomize un-locked colors.

Brown
Navy Blue
Terracotta
Charcoal
Off White
Click any color swatch to copy HEX code or lock specific tones.

Brown Color Specifications & Harmony Values

HEX Code
#78350F
RGB Values
rgb(120, 53, 15)
HSL Values
hsl(22, 78%, 26%)

Color Wheel Partners

Deep Slate Blue#0F5278
Rustic Mahogany (Analogous)#78150F
Warm Amber Ochre (Analogous)#785A0F

Lighter Tints & Darker Shades

Tints (Gradual White Blend)
#92400E
#B45309
#D97706
#F59E0B
Shades (Gradual Black Blend)
#5E290C
#451E09
#2E1406
#170A03

12 Curated Brown Color Palettes

Explore harmonized combinations pairing brown with neutrals, jewel tones, and complementary accents.

12 Handcrafted Palettes

Brown + Warm Cream & Beige

Artisan coffee roastery and bakery aesthetic with comforting tactile morning warmth.

#78350F
#FFFDD0
#F5F5DC
#D8CBB5
#3E2723
Caramel Brown
#78350F
Warm Cream
#FFFDD0
Classic Beige
#F5F5DC
Stone Linen
#D8CBB5
Dark Espresso
#3E2723
Contrast #78350F / #FFFDD0: 8.7:1
Normal TextLarge Text

Brown + Sage Green

Organic woodland harmony pairing aged timber bark with delicate herbal green.

#78350F
#9CAF88
#5B6E4E
#F1F5ED
#2D3A27
Caramel Brown
#78350F
Sage Green
#9CAF88
Deep Herb
#5B6E4E
Pale Mist
#F1F5ED
Forest Shadow
#2D3A27
Contrast #78350F / #9CAF88: 3.9:1
Normal TextLarge Text

Brown + Terracotta Clay

Sun-warmed southwestern ceramic pottery scheme rich in artisanal earthiness.

#78350F
#E07A5F
#C86D51
#F4F1DE
#E7A184
Caramel Brown
#78350F
Terracotta Clay
#E07A5F
Sunburnt Sienna
#C86D51
Warm Parchment
#F4F1DE
Desert Sand
#E7A184
Contrast #78350F / #E07A5F: 3.1:1
Normal TextLarge Text

Brown + Navy Blue

Classic bespoke sartorial balance pairing saddle leather with crisp tailored navy.

#78350F
#0F172A
#1E3A8A
#E2E8F0
#FFFFFF
Caramel Brown
#78350F
Deep Navy
#0F172A
Royal Marine
#1E3A8A
Slate Wash
#E2E8F0
Pure White
#FFFFFF
Contrast #78350F / #0F172A: 2.0:1
Normal TextLarge Text

Brown + Champagne Gold

Gourmet chocolatier and prestige liquor packaging with golden foil accents.

#78350F
#D4AF37
#F3E5AB
#FAF5F0
#1C1917
Caramel Brown
#78350F
Champagne Gold
#D4AF37
Pale Butter
#F3E5AB
Warm Silk
#FAF5F0
Dark Obsidian
#1C1917
Contrast #78350F / #D4AF37: 4.3:1
Normal TextLarge Text

Brown + Dusty Rose

Romantic rustic wedding aesthetic pairing vintage leather with soft floral petals.

#78350F
#E8C5C8
#D8A47F
#FFF1F2
#3E2723
Caramel Brown
#78350F
Dusty Rose
#E8C5C8
Soft Blush
#D8A47F
Chiffon Wash
#FFF1F2
Dark Cocoa
#3E2723
Contrast #78350F / #E8C5C8: 5.7:1
Normal TextLarge Text

Brown + Deep Forest Green

Traditional outdoor heritage palette reminiscent of mountain cabins and cured boots.

#78350F
#22543D
#2D3A27
#EAE6DF
#1C2E1F
Caramel Brown
#78350F
Forest Pine
#22543D
Deep Moss
#2D3A27
Linen Wash
#EAE6DF
Evergreen Shadow
#1C2E1F
Contrast #78350F / #22543D: 1.0:1
Normal TextLarge Text

Brown + Amber Mustard

Cozy mid-century autumn palette rich in spiced cider, fallen leaves, and harvest warmth.

#78350F
#D97706
#EAB308
#FEF3C7
#1F2937
Caramel Brown
#78350F
Amber Ochre
#D97706
Mustard Gold
#EAB308
Honey Cream
#FEF3C7
Dark Slate
#1F2937
Contrast #78350F / #D97706: 2.9:1
Normal TextLarge Text

Brown + Crisp White Minimal

High-end architectural residential scheme balancing white walls with rich walnut millwork.

#78350F
#FFFFFF
#F5EBE0
#D5BDAF
#1C1917
Caramel Brown
#78350F
Pure White
#FFFFFF
Pale Travertine
#F5EBE0
Soft Taupe
#D5BDAF
Onyx Black
#1C1917
Contrast #78350F / #FFFFFF: 9.1:1
Normal TextLarge Text

Brown + Soft Sky Blue

Refreshing desert sky and sandstone harmony pairing warm rock with open cool horizons.

#78350F
#38BDF8
#BAE6FD
#F0F9FF
#0F172A
Caramel Brown
#78350F
Sky Blue
#38BDF8
Baby Blue
#BAE6FD
Ice Wash
#F0F9FF
Navy Obsidian
#0F172A
Contrast #78350F / #38BDF8: 4.2:1
Normal TextLarge Text

Brown + Deep Olive Green

Tuscan vineyard landscape blending olive trees, turned soil, and warm stucco.

#78350F
#556B2F
#808000
#F5F5DC
#283618
Caramel Brown
#78350F
Dark Olive
#556B2F
Olive Leaf
#808000
Classic Beige
#F5F5DC
Deep Woods
#283618
Contrast #78350F / #556B2F: 1.5:1
Normal TextLarge Text

Brown + Charcoal Grey

Sophisticated modern industrial scheme pairing natural timber with dark architectural iron.

#78350F
#27272A
#52525B
#E4E4E7
#FAFAFA
Caramel Brown
#78350F
Charcoal Slate
#27272A
Graphite Grey
#52525B
Light Platinum
#E4E4E7
Off White
#FAFAFA
Contrast #78350F / #27272A: 1.6:1
Normal TextLarge Text

Live Mockup Previews for Brown

Test how your chosen brown combination translates across real web cards, brand identities, interior spaces, and mobile screens.

Real-Time Application

Preview Your Colors

See how your generated color combination behaves across websites, dashboards, mobile interfaces, branding, and interiors.

▲
Apex Studio
Introducing New Architecture

Build intuitive products with harmonious color.

Combine high-performance aesthetics with accessible contrast. Designed for seamless user engagement across all viewports.

01

Sub-second Velocity

Instantaneous execution with zero client lag.

02

WCAG 2.2 Contrast Checking

Automatically test color pairs against WCAG 2.2 contrast thresholds for normal text, large text, and interface elements.

03

Export Anywhere

Direct code output for Tailwind, CSS & SCSS.

Sponsored Advertisement Space

Reserved for AdSense unit (content) • Responsive & Non-intrusive

Real-World Applications for Brown

Website design

Specialty Coffee Roaster

Rich espresso backgrounds, cream typography, and caramel accent buttons.

Brand identity

Handcrafted Leather Goods

Saddle brown embossed boxes with brass foil logo and cream tissue paper.

Interior design

Mid-Century Woodland Cabin

Exposed dark timber rafters, cognac leather sofa, wool rugs, and sage green cushions.

Colors That Go With Brown

Cream & Warm Beige

Creates a comforting tone-on-tone sanctuary palette reminiscent of cappuccinos and natural wool.

Sage Green

Brings organic woodland tranquility, creating a biophilic pairing inspired by forest canopies.

Terracotta & Rust

Enhances brown natural warmth, evoking artisanal clay, desert canyons, and spice markets.

Navy Blue

A classic heritage pairing offering masculine sophistication and dignified contrast.

Champagne Gold

Instantly elevates brown into luxury confectionery, aged spirits, and heritage fashion.

Best Brown Color Combinations

Brown creates timeless warmth when paired with neutrals. The most celebrated pairings are Brown + Cream (#FFFDD0) for cozy culinary warmth, Brown + Sage Green (#9CAF88) for organic calm, and Brown + Navy (#0F172A) for tailored sartorial elegance.

Brown + Neutral Colors

Brown harmonizes effortlessly with beige, oatmeal, taupe, travertine stone, and warm white. Layering different wood stains and leather textures creates rich depth.

Brown + Bold Colors

Pair brown with punchy retro accents such as mustard yellow (#EAB308), burnt orange (#EA580C), or vibrant turquoise (#06B6D4) for 1970s mid-century vintage flair.

Industry & Medium Recommendations

For Websites & UI

Brown creates an inviting, earthy background for organic food brands, artisanal craft marketplaces, and architecture portfolios seeking warmth over cold technology.

For Branding

Coffee brands, specialty chocolatiers, leather crafters, and heritage outdoor apparel use brown to communicate authentic craftsmanship, durability, and honest ingredients.

For Interiors

Natural timber beams, leather armchairs, and walnut furniture provide the grounding visual foundation for residential living rooms and studies.

How to Use Brown in Your Projects

  • 1Avoid overly muddy tones: Balance dark brown (#78350F) with generous light cream (#FFFDD0) to maintain an open, clean feel.
  • 2Use brown for borders and typography in natural branding instead of harsh pitch black.
  • 3Ensure legibility: When using brown text on light backgrounds, use dark chocolate (#3E2723) to guarantee 7+:1 contrast.

Frequently Asked Questions

What colors go best with brown?

Brown pairs best with cream, sage green, terracotta, navy blue, champagne gold, and soft blush pink. Warm earth tones enhance brown natural richness.

Is brown considered a warm or cool color?

Brown is fundamentally a warm color because it contains strong red, orange, and yellow undertones, evoking comforting earth, wood, and spices.

What is the hex code for rich caramel brown?

A widely used rich caramel brown hex code is #78350F (RGB: 120, 53, 15). Dark chocolate brown is represented by #3E2723.

Why has brown become so popular in modern interior design?

Designers have embraced brown as an antidote to clinical, sterile all-grey interiors, reintroducing warmth, natural wood grain, and cozy grounding reassurance.