What are the hex codes in the Melon & Umber Bloom palette?

The Melon & Umber Bloom color palette consists of Melon #FFAEA7, Licorice #1E1913, Umber #6E5A48, Frost #EEEEEE.

How should I use the Melon & Umber Bloom palette on a website?

Use Frost #EEEEEE as the background, Licorice #1E1913 for text, Melon #FFAEA7 for buttons and links, and Umber #6E5A48 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Licorice on Frost at 15.04:1.

Which colors in Melon & Umber Bloom have enough contrast for text?

The highest-contrast pair is #1E1913 on #EEEEEE with a ratio of 15.04:1, which passes WCAG AA for normal text.

#FFAEA7Melon

#1E1913Licorice

#6E5A48Umber

#EEEEEEFrost

Melon & Umber Bloom color palette

Dark Muted Minimal Beige Black Brown White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Melon	`#FFAEA7`	`rgb(255, 174, 167)`	`hsl(5, 100%, 83%)`	`oklch(82.7% 0.096 25)`
Licorice	`#1E1913`	`rgb(30, 25, 19)`	`hsl(33, 22%, 10%)`	`oklch(21.7% 0.014 72)`
Umber	`#6E5A48`	`rgb(110, 90, 72)`	`hsl(28, 21%, 36%)`	`oklch(48.3% 0.038 64)`
Frost	`#EEEEEE`	`rgb(238, 238, 238)`	`hsl(0, 0%, 93%)`	`oklch(94.9% 0.000 0)`

Why it works and how to use it

Melon & Umber Bloom is an analogous color palette tagged dark, muted, minimal. Analogous neighbors on the wheel (Melon, Licorice, Umber) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.

The palette holds together thanks to its analogous hue relationship and a strong light-to-dark ladder (93% down to 10% lightness). A natural fit for websites, presentations and branding.

Background: Frost (#EEEEEE) is the lightest color, so it belongs on large surfaces.
Text: Licorice (#1E1913) on #EEEEEE gives 15.04:1, passing WCAG AAA.
Primary: Melon (#FFAEA7) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Umber (#6E5A48) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Licorice on Frost at 15.04:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Melon & Umber Bloom

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

#FFAEA7

#1E1913

#6E5A48

#EEEEEE

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
`#1E1913` on `#EEEEEE`	Aa	15.04:1	AAA
`#FFAEA7` on `#1E1913`	Aa	9.86:1	AAA
`#6E5A48` on `#EEEEEE`	Aa	5.62:1	AA
`#FFAEA7` on `#6E5A48`	Aa	3.69:1	AA large only
`#1E1913` on `#6E5A48`	Aa	2.67:1	Fail
`#FFAEA7` on `#EEEEEE`	Aa	1.53:1	Fail

Similar palettes 24 more in this mood