What are the hex codes in the Salmon & Raisin Sky palette?

The Salmon & Raisin Sky color palette consists of Raisin #202020, Umber #565656, Salmon #FF796E, Snow #FAFAFA.

How should I use the Salmon & Raisin Sky palette on a website?

Use Snow #FAFAFA as the background, Raisin #202020 for text, Salmon #FF796E for buttons and links, and Umber #565656 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Raisin on Snow at 15.61:1.

Which colors in Salmon & Raisin Sky have enough contrast for text?

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

#202020Raisin

#565656Umber

#FF796ESalmon

#FAFAFASnow

Salmon & Raisin Sky color palette

Modern Dark Minimal Gray Pink White

Open in generator

Ask AI about this palette: ChatGPT Claude Perplexity

Salmon & Raisin Sky is a neutral-based color palette tagged modern, dark, minimal. Built almost entirely from neutrals, with Salmon (#FF796E) as the single point of color. Saturation is moderate, which keeps it flexible for both interfaces and print.

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Raisin	`#202020`	`rgb(32, 32, 32)`	`hsl(0, 0%, 13%)`	`oklch(24.4% 0.000 0)`
Umber	`#565656`	`rgb(86, 86, 86)`	`hsl(0, 0%, 34%)`	`oklch(45.3% 0.000 0)`
Salmon	`#FF796E`	`rgb(255, 121, 110)`	`hsl(5, 100%, 72%)`	`oklch(73.1% 0.165 27)`
Snow	`#FAFAFA`	`rgb(250, 250, 250)`	`hsl(0, 0%, 98%)`	`oklch(98.5% 0.000 0)`

Why it works and how to use it

The palette holds together thanks to its neutral backbone and a strong light-to-dark ladder (98% down to 13% lightness). A natural fit for websites, presentations and branding.

Pair	Sample	Ratio	Level
`#202020` on `#FAFAFA`	Aa	15.61:1	AAA
`#565656` on `#FAFAFA`	Aa	7.03:1	AAA
`#202020` on `#FF796E`	Aa	6.37:1	AA
`#565656` on `#FF796E`	Aa	2.87:1	Fail
`#FF796E` on `#FAFAFA`	Aa	2.45:1	Fail
`#202020` on `#565656`	Aa	2.22:1	Fail

Salmon & Raisin Sky 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 Salmon & Raisin Sky

Color blindness simulation

Contrast check WCAG ratios between palette colors

Similar palettes 24 more in this mood