Deep Space Color Palette

Near-black navy through steel blue, like the edge of a galaxy.
Use as a gradient →

Colors

#03071E
#14213D
#23395B
#406E8E
#71A9C6

Contrast on Light & Dark Backgrounds

Color Hex On White On Black
#03071E T - T -
#14213D T - T -
#23395B T - T -
#406E8E T - T -
#71A9C6 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.

Deep Space CSS Code

HEX Copy
#03071E
#14213D
#23395B
#406E8E
#71A9C6
RGBA Copy
rgba(3, 7, 30, 1.0)
rgba(20, 33, 61, 1.0)
rgba(35, 57, 91, 1.0)
rgba(64, 110, 142, 1.0)
rgba(113, 169, 198, 1.0)
HSLA Copy
hsla(231, 82%, 6%, 1.0)
hsla(221, 51%, 16%, 1.0)
hsla(216, 44%, 25%, 1.0)
hsla(205, 38%, 40%, 1.0)
hsla(200, 43%, 61%, 1.0)

More Color Palettes

FAQ

What colors are in the Deep Space palette?

Near-black navy through steel blue, like the edge of a galaxy.

How do I turn the Deep Space palette into a CSS gradient?

Use background: linear-gradient(to right, #03071E, #14213D, #23395B, #406E8E, #71A9C6);, or click "Use as a gradient" above to open it in the live generator.

Generate a Gradient

Start your own gradient →