Skip to content

Cocoa Color Code: HEX Code & RGB Code Values ​

Looking for specific cocoa color code? Get exact cocoa hex code #875C4F and cocoa RGB code rgb(135,92,79). Complete color information for design and development projects featuring this deep, earthy brown color.

Visual example of cocoa color with its deep, earthy appearance
HEX#875C4F
RGBrgb(135,92,79)

Shades of Cocoa ​

Create custom shades of cocoa with our color generator. Adjust hues, tints, and tones to find the perfect shade of cocoa for your project.

🎨

Shades (Adding Black)

  • 875C4F
    rgb(135, 92, 79)
  • 6F4D42
    rgb(111, 77, 66)
  • 593E36
    rgb(89, 62, 54)
  • 432F29
    rgb(67, 47, 41)
  • 2E221E
    rgb(46, 34, 30)
  • 1B1512
    rgb(27, 21, 18)
  • 000000
    rgb(0, 0, 0)

Tints (Adding White)

  • 875C4F
    rgb(135, 92, 79)
  • 9B756A
    rgb(155, 117, 106)
  • B08F86
    rgb(176, 143, 134)
  • C4AAA3
    rgb(196, 170, 163)
  • D7C6C1
    rgb(215, 198, 193)
  • EBE2DF
    rgb(235, 226, 223)
  • FFFFFF
    rgb(255, 255, 255)

Tones (Adding Gray)

  • 875C4F
    rgb(135, 92, 79)
  • 845D52
    rgb(132, 93, 82)
  • 7F5F55
    rgb(127, 95, 85)
  • 7A6159
    rgb(122, 97, 89)
  • 74635D
    rgb(116, 99, 93)
  • 6E6462
    rgb(110, 100, 98)
  • 808080
    rgb(128, 128, 128)

Cocoa Palette ​

Explore curated and automatically generated color palettes featuring cocoa. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#E4C9C1
Light
#C5A399
Medium Light
#A67F73
Medium
#875C4F
Medium Dark
#5B4038
Dark
#332622
Darkest
#0C0C0C

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#875C4F
Left Dark
#A38075
Left Medium
#BFA69E
Left Light
#DACDC9
Neutral
#F5F5F5
Right Light
#CBD5D8
Right Medium
#A1B6BD
Right Dark
#7897A1
Complementary End
#4F7A87

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#C4AAA3
Medium
#875C4F
Dark
#4F2A1F
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#874F7A
Left Adjacent 1
#874F5E
Main
#875C4F
Right Adjacent 1
#87784F
Right Adjacent 2
#7A874F

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#875C4F
Complementary
#4F7A87

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#875C4F
Secondary
#4F875C
Tertiary
#5C4F87

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#875C4F
Right 90°
#5E874F
Complementary
#4F7A87
Left 90°
#784F87

Tetradic

Two pairs of complementary colors

4 colors
Main
#875C4F
Secondary
#7A874F
Complementary
#4F7A87
Complementary Secondary
#5C4F87

Split Complementary

Complementary colors ±30°

3 colors
Main
#875C4F
Split Left
#4F8778
Split Right
#4F5E87

Cyclic

Circular gradient for periodic data

8 colors
0°
#875C4F
45°
#87864F
90°
#5E874F
135°
#4F876A
180°
#4F7A87
225°
#4F5087
270°
#784F87
315°
#874F6C

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#BAAEAB
Pastel 1
#C3B9B6
Pastel 2
#CDC4C1
Pastel 3
#D6CFCD
Pastel 4
#DFD9D8
Deep Pastel
#E8E4E3

Common Brown Color Codes (HEX & RGB) ​

Brown →
HEX:#A52A2A
RGB:rgb(165, 42, 42)
Light Brown →
HEX:#B5651D
RGB:rgb(181, 101, 29)
Dark Brown →
HEX:#654321
RGB:rgb(101, 67, 33)
Beige →
HEX:#F5F5DC
RGB:rgb(245, 245, 220)

Extract Cocoa Hex & RGB Codes from Image ​

Upload a photo to find the exact cocoa HEX and RGB codes.

click or drag your image here
Supported formats: JPG, PNG, WebP

Cocoa Color Code Converter ​

Instantly convert between HEX, RGB, CMYK, and more for cocoa shades.

🎨

All Formats:

  • HEX:
    #875C4F
  • RGB:
    rgb(135, 92, 79)
  • CMYK:
    cmyk(0%, 32%, 41%, 47%)
  • HSV:
    hsv(14°, 41%, 53%)
  • HSL:
    hsl(14°, 26%, 42%)

What is Cocoa? ​

Cocoa is a deep, earthy brown color named after cocoa beans. It's a rich, warm shade that evokes feelings of comfort and indulgence. This color is often associated with chocolate, cocoa powder, and cozy aesthetics.

The hex code for cocoa is #875C4F, with RGB values of rgb(135, 92, 79). It's a rich, beautiful color that adds warmth to any design.

Design Applications ​

Cocoa works well in chocolate branding, dessert designs, and warm aesthetics. It pairs beautifully with cream, gold, and dark brown. Use it for chocolate products, bakery branding, or to create a cozy, inviting atmosphere in your projects.

FAQ ​

What is the cocoa hex code? ​

The cocoa hex code is #875C4F.

What colors complement cocoa? ​

Cocoa pairs well with cream, gold, dark brown, and caramel.

Is cocoa named after cocoa beans? ​

Yes, it's named for the color of cocoa beans.