#2B2B2BGunmetal
#6C4A53Umber
#AE3B8CMulberry
#F4EFEALinen

Scarlet Mulberry & Umber color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Scarlet Mulberry & Umber is a split color palette tagged dark, minimal, gray. A split scheme: Umber plays against Linen across roughly 72° of hue. 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
Gunmetal#2B2B2Brgb(43, 43, 43)hsl(0, 0%, 17%)oklch(28.9% 0.000 0)
Umber#6C4A53rgb(108, 74, 83)hsl(344, 19%, 36%)oklch(44.9% 0.048 2)
Mulberry#AE3B8Crgb(174, 59, 140)hsl(318, 49%, 46%)oklch(54.2% 0.174 341)
Linen#F4EFEArgb(244, 239, 234)hsl(30, 31%, 94%)oklch(95.5% 0.009 68)

Why it works and how to use it

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

  • Background: Linen (#F4EFEA) is the lightest color, so it belongs on large surfaces.
  • Text: Gunmetal (#2B2B2B) on #F4EFEA gives 12.39:1, passing WCAG AAA.
  • Primary: Mulberry (#AE3B8C) is the most saturated mid-tone; use it for buttons and links (4.83:1 against the background, fine for UI elements).
  • Accent: Umber (#6C4A53) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Scarlet Mulberry & Umber

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

#2B2B2B
#6C4A53
#AE3B8C
#F4EFEA

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#2B2B2B on #F4EFEAAa12.39:1AAA
#6C4A53 on #F4EFEAAa6.7:1AA
#AE3B8C on #F4EFEAAa4.83:1AA
#2B2B2B on #AE3B8CAa2.56:1Fail
#2B2B2B on #6C4A53Aa1.85:1Fail
#6C4A53 on #AE3B8CAa1.39:1Fail

Similar palettes 24 more in this mood