What are the hex codes in the Harvest Melon & Hazelnut palette?

The Harvest Melon & Hazelnut color palette consists of Petal #FFE2E0, Melon #FCBA97, Hazelnut #A88F63, Coffee #666037.

How should I use the Harvest Melon & Hazelnut palette on a website?

Use Petal #FFE2E0 as the background, Coffee #666037 for text, Melon #FCBA97 for buttons and links, and Hazelnut #A88F63 for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Petal on Coffee at 5.22:1.

Which colors in Harvest Melon & Hazelnut have enough contrast for text?

The highest-contrast pair is #FFE2E0 on #666037 with a ratio of 5.22:1, which passes WCAG AA for normal text.

#FFE2E0Petal

#FCBA97Melon

#A88F63Hazelnut

#666037Coffee

Harvest Melon & Hazelnut color palette

Muted Warm

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Petal	`#FFE2E0`	`rgb(255, 226, 224)`	`hsl(4, 100%, 94%)`	`oklch(93.6% 0.032 22)`
Melon	`#FCBA97`	`rgb(252, 186, 151)`	`hsl(21, 94%, 79%)`	`oklch(84.2% 0.090 49)`
Hazelnut	`#A88F63`	`rgb(168, 143, 99)`	`hsl(38, 28%, 52%)`	`oklch(66.2% 0.067 81)`
Coffee	`#666037`	`rgb(102, 96, 55)`	`hsl(52, 30%, 31%)`	`oklch(48.4% 0.060 101)`

Why it works and how to use it

Harvest Melon & Hazelnut is a vivid analogous color palette tagged muted, warm. Analogous neighbors on the wheel (Petal, Melon, Hazelnut) give it a natural, low-tension flow. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. The overall temperature is warm.

With 4 chromatic colors, Melon takes the lead while the rest support. Lightness runs from 31% to 94%. Well suited to websites, presentations and branding.

Background: Petal (#FFE2E0) is the lightest color, so it belongs on large surfaces.
Text: Coffee (#666037) on #FFE2E0 gives 5.22:1, passing WCAG AA.
Primary: Melon (#FCBA97) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Hazelnut (#A88F63) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Petal on Coffee at 5.22:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Harvest Melon & Hazelnut

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

#FFE2E0

#FCBA97

#A88F63

#666037

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
`#FFE2E0` on `#666037`	Aa	5.22:1	AA
`#FCBA97` on `#666037`	Aa	3.83:1	AA large only
`#FFE2E0` on `#A88F63`	Aa	2.54:1	Fail
`#A88F63` on `#666037`	Aa	2.06:1	Fail
`#FCBA97` on `#A88F63`	Aa	1.86:1	Fail
`#FFE2E0` on `#FCBA97`	Aa	1.36:1	Fail

Similar palettes 24 more in this mood