#77545EUmber
#B47E81Mocha
#FBCCA8Apricot
#F6EDE1Linen

Harvest Apricot & Mocha color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Harvest Apricot & Mocha is a analogous color palette tagged autumn, muted, warm. Analogous neighbors on the wheel (Mocha, Apricot, Linen) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Umber#77545Ergb(119, 84, 94)hsl(343, 17%, 40%)oklch(48.6% 0.049 0)
Mocha#B47E81rgb(180, 126, 129)hsl(357, 26%, 60%)oklch(64.8% 0.067 15)
Apricot#FBCCA8rgb(251, 204, 168)hsl(26, 91%, 82%)oklch(87.7% 0.072 59)
Linen#F6EDE1rgb(246, 237, 225)hsl(34, 54%, 92%)oklch(95.0% 0.019 75)

Why it works and how to use it

It works because the lightness range is wide (40% to 92%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.

  • Background: Linen (#F6EDE1) is the lightest color, so it belongs on large surfaces.
  • Text: Umber (#77545E) on #F6EDE1 gives 5.64:1, passing WCAG AA.
  • Primary: Apricot (#FBCCA8) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Mocha (#B47E81) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Umber on Linen at 5.64:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Harvest Apricot & Mocha

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
Card title
Card title
Roles are assigned by lightness.

Color blindness simulation

#77545E
#B47E81
#FBCCA8
#F6EDE1

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#77545E on #F6EDE1Aa5.64:1AA
#77545E on #FBCCA8Aa4.45:1AA large only
#B47E81 on #F6EDE1Aa2.9:1Fail
#B47E81 on #FBCCA8Aa2.29:1Fail
#77545E on #B47E81Aa1.94:1Fail
#FBCCA8 on #F6EDE1Aa1.27:1Fail

Similar palettes 24 more in this mood