What are the hex codes in the Ruby Blush & Brick Red palette?

The Ruby Blush & Brick Red color palette consists of Brick Red #A32750, Blush #D74F6F, Melon #FDB093, Linen #FFF4E6.

How should I use the Ruby Blush & Brick Red palette on a website?

Use Linen #FFF4E6 as the background, Brick Red #A32750 for text, Melon #FDB093 for buttons and links, and Blush #D74F6F for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Brick Red on Linen at 6.52:1.

Which colors in Ruby Blush & Brick Red have enough contrast for text?

The highest-contrast pair is #A32750 on #FFF4E6 with a ratio of 6.52:1, which passes WCAG AA for normal text.

#A32750Brick Red

#D74F6FBlush

#FDB093Melon

#FFF4E6Linen

Ruby Blush & Brick Red color palette

Warm Vibrant Pink White

Open in generator

Ask AI about this palette: ChatGPT Claude Perplexity

Ruby Blush & Brick Red is a vivid analogous color palette tagged warm, vibrant, pink. Analogous neighbors on the wheel (Brick Red, Blush, Melon) give it a natural, low-tension flow. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. The overall temperature is warm.

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Brick Red	`#A32750`	`rgb(163, 39, 80)`	`hsl(340, 61%, 40%)`	`oklch(48.2% 0.161 6)`
Blush	`#D74F6F`	`rgb(215, 79, 111)`	`hsl(346, 63%, 58%)`	`oklch(61.8% 0.172 9)`
Melon	`#FDB093`	`rgb(253, 176, 147)`	`hsl(16, 96%, 78%)`	`oklch(82.4% 0.099 41)`
Linen	`#FFF4E6`	`rgb(255, 244, 230)`	`hsl(34, 100%, 95%)`	`oklch(97.2% 0.022 74)`

Why it works and how to use it

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

Pair	Sample	Ratio	Level
`#A32750` on `#FFF4E6`	Aa	6.52:1	AA
`#A32750` on `#FDB093`	Aa	3.98:1	AA large only
`#D74F6F` on `#FFF4E6`	Aa	3.69:1	AA large only
`#D74F6F` on `#FDB093`	Aa	2.25:1	Fail
`#A32750` on `#D74F6F`	Aa	1.77:1	Fail
`#FDB093` on `#FFF4E6`	Aa	1.64:1	Fail

Ruby Blush & Brick Red color palette

Color codes click any value to copy

Why it works and how to use it

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

Design faster with Ruby Blush & Brick Red

Color blindness simulation

Contrast check WCAG ratios between palette colors

Similar palettes 24 more in this mood