Mocha Color Code: HEX Code & RGB Code Values

Looking for specific mocha color code? Get exact mocha hex code #967969 and mocha RGB code rgb(150,121,105). Complete color information for design and development projects featuring this rich, coffee-inspired brown color.

HEX#967969

RGBrgb(150,121,105)

Shades of Mocha

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

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• 967969

  rgb(150, 121, 105)
• 7B6457

  rgb(123, 100, 87)
• 625046

  rgb(98, 80, 70)
• 493C35

  rgb(73, 60, 53)
• 322A25

  rgb(50, 42, 37)
• 1C1816

  rgb(28, 24, 22)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• 967969

  rgb(150, 121, 105)
• A78E80

  rgb(167, 142, 128)
• B9A498

  rgb(185, 164, 152)
• CABAB1

  rgb(202, 186, 177)
• DCD0CB

  rgb(220, 208, 203)
• EDE7E4

  rgb(237, 231, 228)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• 967969

  rgb(150, 121, 105)
• 947A6C

  rgb(148, 122, 108)
• 907B6F

  rgb(144, 123, 111)
• 8D7C73

  rgb(141, 124, 115)
• 897D76

  rgb(137, 125, 118)
• 847E7B

  rgb(132, 126, 123)
• 808080

  rgb(128, 128, 128)

Mocha Palette

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

Color Picker

🎨

HEX Color Value

Sequential

Single hue gradient for data visualization

7 colors

Lightest

#F0E3DB

Light

#D2BEB4

Medium Light

#B49B8D

Medium

#967969

Medium Dark

#69574D

Dark

#403732

Darkest

#1A1919

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#967969

Left Dark

#AE978A

Left Medium

#C6B5AC

Left Light

#DDD5D0

Neutral

#F5F5F5

Right Light

#D1D8DD

Right Medium

#AEBCC4

Right Dark

#8BA1AD

Complementary End

#698696

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#CABAB1

Medium

#967969

Dark

#52392B

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#966986

Left Adjacent 1

#96696F

Main

#967969

Right Adjacent 1

#969069

Right Adjacent 2

#869669

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#967969

Complementary

#698696

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#967969

Secondary

#699679

Tertiary

#796996

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#967969

Right 90°

#6F9669

Complementary

#698696

Left 90°

#906996

Tetradic

Two pairs of complementary colors

4 colors

Main

#967969

Secondary

#869669

Complementary

#698696

Complementary Secondary

#796996

Split Complementary

Complementary colors ±30°

3 colors

Main

#967969

Split Left

#69968F

Split Right

#697096

Cyclic

Circular gradient for periodic data

8 colors

0°

#967969

45°

#919669

90°

#6F9669

135°

#699684

180°

#698696

225°

#6E6996

270°

#906996

315°

#96697B

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#BAB0AB

Pastel 1

#C3BBB6

Pastel 2

#CDC5C1

Pastel 3

#D6D0CD

Pastel 4

#DFDAD8

Deep Pastel

#E8E5E3

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 Mocha Hex & RGB Codes from Image

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

click or drag your image here

Supported formats: JPG, PNG, WebP

Mocha Color Code Converter

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

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #967969
• RGB:
  rgb(150, 121, 105)
• CMYK:
  cmyk(0%, 19%, 30%, 41%)
• HSV:
  hsv(21°, 30%, 59%)
• HSL:
  hsl(21°, 18%, 50%)

---

What is Mocha?

Mocha is a rich, coffee-inspired brown color with muted undertones. It's a warm, earthy shade that evokes feelings of comfort and sophistication. This color is often associated with coffee, chocolate, and cozy aesthetics.

The hex code for mocha is #967969, with RGB values of rgb(150, 121, 105). It's a warm, beautiful color that adds depth to any design.

Design Applications

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

FAQ

What is the mocha hex code?

The mocha hex code is #967969.

What colors complement mocha?

Mocha pairs well with cream, white, dark brown, and gold.

Is mocha named after the coffee drink?

Yes, it's named for the rich mocha coffee flavor.