#A44E4DSienna
#FDFDFDWhite
#31343BGunmetal
#DBDEE4Glacier

Sienna & Gunmetal Bloom color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Sienna & Gunmetal Bloom is a muted neutral-based color palette tagged minimal, brown, white. Sienna is the only saturated color here, so it does all the talking against a neutral base. Every color is softened, so it works well as a background system for text-heavy layouts.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Sienna#A44E4Drgb(164, 78, 77)hsl(1, 36%, 47%)oklch(53.1% 0.114 22)
White#FDFDFDrgb(253, 253, 253)hsl(0, 0%, 99%)oklch(99.4% 0.000 0)
Gunmetal#31343Brgb(49, 52, 59)hsl(222, 9%, 21%)oklch(32.5% 0.013 267)
Glacier#DBDEE4rgb(219, 222, 228)hsl(220, 14%, 88%)oklch(90.0% 0.009 265)

Why it works and how to use it

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

  • Background: White (#FDFDFD) is the lightest color, so it belongs on large surfaces.
  • Text: Gunmetal (#31343B) on #FDFDFD gives 12.25:1, passing WCAG AAA.
  • Primary: Sienna (#A44E4D) is the most saturated mid-tone; use it for buttons and links (5.47:1 against the background, fine for UI elements).
  • Accent: Glacier (#DBDEE4) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Sienna & Gunmetal 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

#A44E4D
#FDFDFD
#31343B
#DBDEE4

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#FDFDFD on #31343BAa12.25:1AAA
#31343B on #DBDEE4Aa9.25:1AAA
#A44E4D on #FDFDFDAa5.47:1AA
#A44E4D on #DBDEE4Aa4.13:1AA large only
#A44E4D on #31343BAa2.24:1Fail
#FDFDFD on #DBDEE4Aa1.33:1Fail

Similar palettes 24 more in this mood