Pantone

2025

#A47864

Mocha Mousse

A grounded mocha brown with a soft, creamy undertone, chosen for its comfort and quiet strength.

Generate palettes Visualize in mockups Back to 2025 overview

Copy color values

HEX / RGB / CMYK ready for dev teams.

HEX

#A47864

RGB

rgb(164, 120, 100)

CMYK

0, 27, 39, 36

Palette ideas

Monochrome, analogous, complementary, and triadic sets.

Monochrome Depth

Light and dark steps around the hero color.

#604539

#87614F

#A47864

#B79585

#CEB6AB

Analogous Flow

Neighbors on the color wheel for a soft gradient story.

#945760

#A46A65

#A47864

#A48865

#B0A378

Complementary Contrast

Opposites that add clarity and focus.

#A47864

#578194

#7EA3B4

#705B51

#B9B0AC

Triadic Balance

Three evenly spaced hues for versatile layouts.

#A47864

#65A479

#7965A4

#84695C

#B8A299

Split Complementary

Balanced contrast with two supporting accents.

#A47864

#65A498

#6571A4

#6E5549

#C2ADA3

Export tokens

Copy CSS variables or plug into Tailwind.

#A47864

CSS Variables

:root {
  --year-base: #A47864;
  --year-base-contrast: #FFFFFF;
  --year-accent-1: #87614F;
  --year-accent-2: #A47864;
  --year-accent-3: #B79585;
  --year-surface: #f8fafc;
}

Tailwind Config

theme: {
  extend: {
    colors: {
      primary: 'var(--year-base)',
      accent: 'var(--year-accent-1)',
      surface: 'var(--year-surface)',
    },
  },
},

Scenario previews

See the color in UI, posters, and ecommerce layouts.

UI Dashboard

Poster / Social

Launch Campaign

Design with #A47864

Ecommerce Hero

New Drop · #A47864-20%

Primary CTA

Secondary

Usage guidance

Summary

A grounded mocha brown with a soft, creamy undertone, chosen for its comfort and quiet strength.

Notes

Use as a warm base with bone white or stone gray, then lift with brass, copper, or dusty rose accents. In UI, keep text charcoal and add subtle shadows to maintain readability.

Tips