What are the hex codes in the Studio Red & Dove Gray Trail palette?

The Studio Red & Dove Gray Trail color palette consists of Raisin #282A2A, Dove Gray #5F727D, Red #FF1234, Ice #E3E4E5.

How should I use the Studio Red & Dove Gray Trail palette on a website?

Use Ice #E3E4E5 as the background, Raisin #282A2A for text, Red #FF1234 for buttons and links, and Dove Gray #5F727D for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Raisin on Ice at 11.34:1.

Which colors in Studio Red & Dove Gray Trail have enough contrast for text?

The highest-contrast pair is #282A2A on #E3E4E5 with a ratio of 11.34:1, which passes WCAG AA for normal text.

#282A2ARaisin

#5F727DDove Gray

#FF1234Red

#E3E4E5Ice

Studio Red & Dove Gray Trail color palette

Modern Neon Minimal Gray Red

Open in generator

Ask AI about this palette: ChatGPT Claude Perplexity

Studio Red & Dove Gray Trail is a neutral-based color palette tagged modern, neon, minimal. Red is the only saturated color here, so it does all the talking against a neutral base. Neither washed out nor loud, it adapts to most contexts.

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Raisin	`#282A2A`	`rgb(40, 42, 42)`	`hsl(180, 2%, 16%)`	`oklch(28.3% 0.003 197)`
Dove Gray	`#5F727D`	`rgb(95, 114, 125)`	`hsl(202, 14%, 43%)`	`oklch(54.1% 0.028 233)`
Red	`#FF1234`	`rgb(255, 18, 52)`	`hsl(351, 100%, 54%)`	`oklch(63.4% 0.251 24)`
Ice	`#E3E4E5`	`rgb(227, 228, 229)`	`hsl(210, 4%, 89%)`	`oklch(91.8% 0.002 248)`

Why it works and how to use it

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

Pair	Sample	Ratio	Level
`#282A2A` on `#E3E4E5`	Aa	11.34:1	AAA
`#5F727D` on `#E3E4E5`	Aa	3.94:1	AA large only
`#282A2A` on `#FF1234`	Aa	3.7:1	AA large only
`#FF1234` on `#E3E4E5`	Aa	3.06:1	AA large only
`#282A2A` on `#5F727D`	Aa	2.88:1	Fail
`#5F727D` on `#FF1234`	Aa	1.29:1	Fail

Studio Red & Dove Gray Trail 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 Studio Red & Dove Gray Trail

Color blindness simulation

Contrast check WCAG ratios between palette colors

Similar palettes 24 more in this mood