#FFAEA7Melon
#1E1913Licorice
#6E5A48Umber
#EEEEEEFrost

Melon & Umber Bloom color palette

DarkMutedMinimalBeigeBlackBrownWhite
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Melon & Umber Bloom is a 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.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Melon#FFAEA7rgb(255, 174, 167)hsl(5, 100%, 83%)oklch(82.7% 0.096 25)
Licorice#1E1913rgb(30, 25, 19)hsl(33, 22%, 10%)oklch(21.7% 0.014 72)
Umber#6E5A48rgb(110, 90, 72)hsl(28, 21%, 36%)oklch(48.3% 0.038 64)
Frost#EEEEEErgb(238, 238, 238)hsl(0, 0%, 93%)oklch(94.9% 0.000 0)

Why it works and how to use it

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
Card title
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.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#1E1913 on #EEEEEEAa15.04:1AAA
#FFAEA7 on #1E1913Aa9.86:1AAA
#6E5A48 on #EEEEEEAa5.62:1AA
#FFAEA7 on #6E5A48Aa3.69:1AA large only
#1E1913 on #6E5A48Aa2.67:1Fail
#FFAEA7 on #EEEEEEAa1.53:1Fail

Similar palettes 24 more in this mood

More dark palettes →More muted palettes →More minimal palettes →More beige palettes →More black palettes →More brown palettes →More white palettes →