Color meaning

Chocolate Brown

Q: Using Chocolate Brown color codes

Copy Chocolate Brown (#3F2A1D) in HEX, RGB, HSL, HSB, and CMYK below to match it across your web store, mobile app, and packaging.

Introducing Chocolate Brown (#3F2A1D), a deep, roasted shade with a warm earthiness. Its low value lets it stand in for black as a softer storefront anchor, grounding headers, navigation bars, and footers without the cold edge of pure black. That richness makes it a natural base for artisanal, heritage, and food brands.

#3F2A1DHSL 23, 37%, 18%

Chocolate Brown code conversions

HEX: #3F2A1D
RGB: rgb(63, 42, 29)
HSL: hsl(23, 37%, 18%)
HSB: hsb(23, 54%, 25%)
CMYK: cmyk(0%, 33%, 54%, 75%)

Chocolate Brown color harmonies

Analogous

Neighbors on the color wheel: a calm, low-contrast set that reads as one family.

Complementary

The hue directly opposite: maximum contrast for an accent that pops.

Split Complementary

The complement's two neighbors: strong contrast with less tension than a straight complement.

Triadic

Three hues evenly spaced: balanced and vivid without a single dominant color.

Tetradic

Two complementary pairs: a rich four-color scheme that needs one color to lead.

Chocolate Brown contrast

Your catchy large text

Small body copy sitting on Chocolate Brown.

13.46:1White textAA passAAA pass

Your catchy large text

Small body copy sitting on Chocolate Brown.

1.4:1Black textAA failAAA fail

Chocolate Brown color variations

Shades

Mixed toward black: deeper steps for backgrounds and hover states.

Tints

Mixed toward white: softer steps for surfaces and disabled states.

Tones

Mixed toward gray: muted, sophisticated steps that lower the intensity.

Hues

Rotated around the wheel: related hues at the same lightness and saturation.

Brands that use colors like Chocolate Brown

Matched by color distance against real palettes extracted from live storefronts.

Brooklinen

#3c1f10

Related brown colors

Tan

Chocolate Brown: frequently asked

What color is Chocolate Brown?

Chocolate Brown (#3F2A1D) is a dark warm brown built from red and yellow undertones at low brightness. In e-commerce interfaces it reads as a soft near-black, sitting between deep espresso brown and charcoal.

What is the meaning of Chocolate Brown?

Chocolate Brown signals warmth, craft, and reliability. Brands reach for it when they want customers to feel a grounded, handmade quality while browsing, especially across food, leather, coffee, and heritage catalogs.

How do I use Chocolate Brown (#3F2A1D) in e-commerce design?

Use Chocolate Brown for structural chrome such as the header, footer, and body type, where it softens contrast against warm cream backgrounds. Pair it with a light neutral to keep long product copy legible, and reserve pure black for fine detail.

Using Chocolate Brown color codes

Colors are just the start

See these colors at work in real storefront captures. The whole library is free to browse.

Browse the library See pricing

Free to browse · Pro unlocks the MCP

Brand colors

Real storefront palettes

Every palette here is sampled from a live e-commerce homepage, not guessed from a logo or a press kit. Copy the hex, grab the RGB, or download a swatch sheet.

Trending brand colors

Browse color meanings

Single-color explainers: hex, RGB, and CMYK codes, harmonies, contrast, and the real storefronts that use each color.

Reds

3 colors

True Red#D22730

Crimson#A6192E

Coral#FF6F61

Oranges

3 colors

Burnt Orange#CC5500

Terracotta#C96A4A

Peach#FFB59E

Yellows

2 colors

Mustard Yellow#E1AD01

Golden Yellow#FFC93C

Greens

4 colors

Forest Green#1E4D2B

Sage Green#9CAF88

Emerald#0F9D58

Olive#6B6B23

Blues

4 colors

True Blue#0073CF

Navy#1B2A4A

Sky Blue#6EC1E4

Teal#0D8C8C

Purples

3 colors

Lavender#B497BD

Royal Purple#5D3FD3

Plum#6A1B4D

Pinks

2 colors

Blush Pink#F4C2C2

Hot Pink#E5006D

Browns

2 colors

Chocolate Brown#3F2A1D

Tan#D2B48C

Neutrals

5 colors

Charcoal#2B2B2B

Slate Gray#708090

Cream#F5F0E6

Off White#F7F6F2

Jet Black#0B0B0B

Color meaning

Chocolate Brown

#3F2A1DHSL 23, 37%, 18%

Chocolate Brown code conversions

HEX: #3F2A1D
RGB: rgb(63, 42, 29)
HSL: hsl(23, 37%, 18%)
HSB: hsb(23, 54%, 25%)
CMYK: cmyk(0%, 33%, 54%, 75%)

Chocolate Brown color harmonies

Analogous

Neighbors on the color wheel: a calm, low-contrast set that reads as one family.

Complementary

The hue directly opposite: maximum contrast for an accent that pops.

Split Complementary

The complement's two neighbors: strong contrast with less tension than a straight complement.

Triadic

Three hues evenly spaced: balanced and vivid without a single dominant color.

Tetradic

Two complementary pairs: a rich four-color scheme that needs one color to lead.

Chocolate Brown contrast

Your catchy large text

Small body copy sitting on Chocolate Brown.

13.46:1White textAA passAAA pass

Your catchy large text

Small body copy sitting on Chocolate Brown.

1.4:1Black textAA failAAA fail

Chocolate Brown color variations

Shades

Mixed toward black: deeper steps for backgrounds and hover states.

Tints

Mixed toward white: softer steps for surfaces and disabled states.

Tones

Mixed toward gray: muted, sophisticated steps that lower the intensity.

Hues

Rotated around the wheel: related hues at the same lightness and saturation.

Brands that use colors like Chocolate Brown

Matched by color distance against real palettes extracted from live storefronts.

Brooklinen

#3c1f10

Related brown colors

Tan