What are the hex codes in the Grape & Dusty Rose Mood palette?

The Grape & Dusty Rose Mood color palette consists of Dusty Rose #FFA476, Raisin #282828, Grape #8335CA, Snow #FAFAFA.

How should I use the Grape & Dusty Rose Mood palette on a website?

Use Snow #FAFAFA as the background, Raisin #282828 for text, Dusty Rose #FFA476 for buttons and links, and Grape #8335CA for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Raisin on Snow at 14.13:1.

Which colors in Grape & Dusty Rose Mood have enough contrast for text?

The highest-contrast pair is #282828 on #FAFAFA with a ratio of 14.13:1, which passes WCAG AA for normal text.

#FFA476Dusty Rose

#282828Raisin

#8335CAGrape

#FAFAFASnow

Grape & Dusty Rose Mood color palette

Modern Beige Gray Purple White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Dusty Rose	`#FFA476`	`rgb(255, 164, 118)`	`hsl(20, 100%, 73%)`	`oklch(80.0% 0.124 47)`
Raisin	`#282828`	`rgb(40, 40, 40)`	`hsl(0, 0%, 16%)`	`oklch(27.7% 0.000 0)`
Grape	`#8335CA`	`rgb(131, 53, 202)`	`hsl(271, 58%, 50%)`	`oklch(51.5% 0.217 303)`
Snow	`#FAFAFA`	`rgb(250, 250, 250)`	`hsl(0, 0%, 98%)`	`oklch(98.5% 0.000 0)`

Why it works and how to use it

Grape & Dusty Rose Mood is a split color palette tagged modern, beige, gray. A split scheme: Dusty Rose plays against Grape across roughly 109° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.

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

Background: Snow (#FAFAFA) is the lightest color, so it belongs on large surfaces.
Text: Raisin (#282828) on #FAFAFA gives 14.13:1, passing WCAG AAA.
Primary: Dusty Rose (#FFA476) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Grape (#8335CA) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Raisin on Snow at 14.13:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Grape & Dusty Rose Mood

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

#FFA476

#282828

#8335CA

#FAFAFA

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
`#282828` on `#FAFAFA`	Aa	14.13:1	AAA
`#FFA476` on `#282828`	Aa	7.6:1	AAA
`#8335CA` on `#FAFAFA`	Aa	6.05:1	AA
`#FFA476` on `#8335CA`	Aa	3.25:1	AA large only
`#282828` on `#8335CA`	Aa	2.34:1	Fail
`#FFA476` on `#FAFAFA`	Aa	1.86:1	Fail

Similar palettes 24 more in this mood