What are the hex codes in the Bright Magenta & Mustard palette?

The Bright Magenta & Mustard color palette consists of Marine #0B2A6B, Magenta #A91C65, Mustard #D4AF37, Linen #F6F3EA.

How should I use the Bright Magenta & Mustard palette on a website?

Use Linen #F6F3EA as the background, Marine #0B2A6B for text, Magenta #A91C65 for buttons and links, and Mustard #D4AF37 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Marine on Linen at 12.15:1.

Which colors in Bright Magenta & Mustard have enough contrast for text?

The highest-contrast pair is #0B2A6B on #F6F3EA with a ratio of 12.15:1, which passes WCAG AA for normal text.

#0B2A6BMarine

#A91C65Magenta

#D4AF37Mustard

#F6F3EALinen

Bright Magenta & Mustard color palette

Modern Blue Yellow White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Marine	`#0B2A6B`	`rgb(11, 42, 107)`	`hsl(221, 81%, 23%)`	`oklch(30.9% 0.119 263)`
Magenta	`#A91C65`	`rgb(169, 28, 101)`	`hsl(329, 72%, 39%)`	`oklch(49.2% 0.183 356)`
Mustard	`#D4AF37`	`rgb(212, 175, 55)`	`hsl(46, 65%, 52%)`	`oklch(76.7% 0.139 91)`
Linen	`#F6F3EA`	`rgb(246, 243, 234)`	`hsl(45, 40%, 94%)`	`oklch(96.4% 0.012 92)`

Why it works and how to use it

Bright Magenta & Mustard is a vivid complementary color palette tagged modern, blue, yellow. Near-complementary hues (about 176° apart) make this a high-contrast, attention-grabbing combination. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. Warm and cool hues are mixed, which adds depth.

With 4 chromatic colors, Magenta takes the lead while the rest support. Lightness runs from 23% to 94%. Well suited to websites, presentations and branding.

Background: Linen (#F6F3EA) is the lightest color, so it belongs on large surfaces.
Text: Marine (#0B2A6B) on #F6F3EA gives 12.15:1, passing WCAG AAA.
Primary: Magenta (#A91C65) is the most saturated mid-tone; use it for buttons and links (6.22:1 against the background, fine for UI elements).
Accent: Mustard (#D4AF37) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Bright Magenta & Mustard

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

#0B2A6B

#A91C65

#D4AF37

#F6F3EA

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
`#0B2A6B` on `#F6F3EA`	Aa	12.15:1	AAA
`#0B2A6B` on `#D4AF37`	Aa	6.41:1	AA
`#A91C65` on `#F6F3EA`	Aa	6.22:1	AA
`#A91C65` on `#D4AF37`	Aa	3.28:1	AA large only
`#0B2A6B` on `#A91C65`	Aa	1.95:1	Fail
`#D4AF37` on `#F6F3EA`	Aa	1.9:1	Fail

Similar palettes 24 more in this mood