#F4F1EALinen
#2B2B2BGunmetal
#BC9F00Brass
#B5315FMagenta

Magenta & Brass Bloom color palette

WarmWhiteYellow
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Magenta & Brass Bloom is a split color palette tagged warm, white, yellow. A split scheme: Linen plays against Magenta 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
Linen#F4F1EArgb(244, 241, 234)hsl(42, 31%, 94%)oklch(95.9% 0.010 87)
Gunmetal#2B2B2Brgb(43, 43, 43)hsl(0, 0%, 17%)oklch(28.9% 0.000 0)
Brass#BC9F00rgb(188, 159, 0)hsl(51, 100%, 37%)oklch(70.7% 0.145 96)
Magenta#B5315Frgb(181, 49, 95)hsl(339, 57%, 45%)oklch(52.7% 0.171 4)

Why it works and how to use it

With 3 chromatic colors, Brass takes the lead while the rest support. Lightness runs from 17% to 94%. Well suited to websites, presentations and branding.

  • Background: Linen (#F4F1EA) is the lightest color, so it belongs on large surfaces.
  • Text: Gunmetal (#2B2B2B) on #F4F1EA gives 12.55:1, passing WCAG AAA.
  • Primary: Brass (#BC9F00) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Magenta (#B5315F) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Magenta & Brass 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

#F4F1EA
#2B2B2B
#BC9F00
#B5315F

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#F4F1EA on #2B2B2BAa12.55:1AAA
#2B2B2B on #BC9F00Aa5.46:1AA
#F4F1EA on #B5315FAa5.22:1AA
#2B2B2B on #B5315FAa2.41:1Fail
#F4F1EA on #BC9F00Aa2.3:1Fail
#BC9F00 on #B5315FAa2.27:1Fail

Similar palettes 24 more in this mood

More warm palettes →More white palettes →More yellow palettes →