Denim Wash Color Palette

Faded denim blues, washed and casual.
Use as a gradient →

Colors

#23374D
#35516F
#4A6D8C
#7C9AB5
#B7CBDC

Contrast on Light & Dark Backgrounds

Color Hex On White On Black
#23374D T - T -
#35516F T - T -
#4A6D8C T - T -
#7C9AB5 T - T -
#B7CBDC T - T -
Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance.

Denim Wash CSS Code

HEX Copy
#23374D
#35516F
#4A6D8C
#7C9AB5
#B7CBDC
RGBA Copy
rgba(35, 55, 77, 1.0)
rgba(53, 81, 111, 1.0)
rgba(74, 109, 140, 1.0)
rgba(124, 154, 181, 1.0)
rgba(183, 203, 220, 1.0)
HSLA Copy
hsla(211, 37%, 22%, 1.0)
hsla(211, 35%, 32%, 1.0)
hsla(208, 31%, 42%, 1.0)
hsla(208, 28%, 60%, 1.0)
hsla(208, 35%, 79%, 1.0)

More Color Palettes

FAQ

What colors are in the Denim Wash palette?

Faded denim blues, washed and casual.

How do I turn the Denim Wash palette into a CSS gradient?

Use background: linear-gradient(to right, #23374D, #35516F, #4A6D8C, #7C9AB5, #B7CBDC);, or click "Use as a gradient" above to open it in the live generator.

Generate a Gradient

Start your own gradient →