What are the hex codes in the Mocha Mousse Revival palette?

The Mocha Mousse Revival color palette consists of Mocha #A47864, Latte #C9A58B, Bone #E8D9CB, Smoke #F7F3EE.

How should I use the Mocha Mousse Revival palette on a website?

Use Smoke #F7F3EE as the background, Mocha #A47864 for text, Bone #E8D9CB for buttons and links, and Latte #C9A58B for accents. No pair inside the palette reaches 4.5:1, so add black or white for body text.

Which colors in Mocha Mousse Revival have enough contrast for text?

The highest-contrast pair is #A47864 on #F7F3EE with a ratio of 3.49:1, which passes WCAG AA for large text only.

#A47864Mocha

#C9A58BLatte

#E8D9CBBone

#F7F3EESmoke

Mocha Mousse Revival color palette

2026 Trends Muted Warm Earthy Brown Gray White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Mocha	`#A47864`	`rgb(164, 120, 100)`	`hsl(19, 26%, 52%)`	`oklch(61.1% 0.063 45)`
Latte	`#C9A58B`	`rgb(201, 165, 139)`	`hsl(25, 36%, 67%)`	`oklch(74.8% 0.056 58)`
Bone	`#E8D9CB`	`rgb(232, 217, 203)`	`hsl(29, 39%, 85%)`	`oklch(89.4% 0.025 66)`
Smoke	`#F7F3EE`	`rgb(247, 243, 238)`	`hsl(33, 36%, 95%)`	`oklch(96.6% 0.008 74)`

Why it works and how to use it

Mocha Mousse Revival is a pastel light, monochromatic color palette tagged 2026 trends, muted, warm. A monochromatic set: the same hue family from Mocha down to Smoke. High lightness and gentle saturation put it firmly in pastel territory. The overall temperature is warm.

With 3 chromatic colors, Bone takes the lead while the rest support. Lightness runs from 52% to 95%. Well suited to wellness, organic and outdoor brands.

Background: Smoke (#F7F3EE) is the lightest color, so it belongs on large surfaces.
Text: Mocha (#A47864) on #F7F3EE gives 3.49:1, enough for large headings only.
Primary: Bone (#E8D9CB) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Latte (#C9A58B) for highlights, badges and hover states.

No pair inside the palette reaches 4.5:1, so add black or white for body text.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Mocha Mousse Revival

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#A47864

#C9A58B

#E8D9CB

#F7F3EE

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#A47864` on `#F7F3EE`	Aa	3.49:1	AA large only
`#A47864` on `#E8D9CB`	Aa	2.79:1	Fail
`#C9A58B` on `#F7F3EE`	Aa	2.06:1	Fail
`#A47864` on `#C9A58B`	Aa	1.7:1	Fail
`#C9A58B` on `#E8D9CB`	Aa	1.65:1	Fail
`#E8D9CB` on `#F7F3EE`	Aa	1.25:1	Fail

Similar palettes 85 more in this mood