NASA Test Range

This palette evokes the vastness of the sky, the precision of technology, and the dynamic energy of space exploration

Color Adjustments

Brightness

Saturation

Hue

NASA Test Range Color Palette CSS

/* CSS */
.color-1 {
  color: #1B2A6D;
}

.color-2 {
  color: #E7E9EB;
}

.color-3 {
  color: #F7C94C;
}

.color-4 {
  color: #E86A3C;
}

.color-5 {
  color: #A9D6E5;
}

/* CSS Variables */
:root {
  --color-1: #1B2A6D;
  --color-2: #E7E9EB;
  --color-3: #F7C94C;
  --color-4: #E86A3C;
  --color-5: #A9D6E5;
}

NASA Test Range Gradient CSS

/* Linear Gradient */
.linear-gradient {
 background: linear-gradient(0.25turn, #1B2A6D, #E7E9EB, #F7C94C, #E86A3C, #A9D6E5);
 }

/* Radial Gradient */
.radial-gradient {
 background: radial-gradient(circle, #1B2A6D, #E7E9EB, #F7C94C, #E86A3C, #A9D6E5);
 }

NASA Test Range color palette created on Feb 24, 2025, 8:25:32 AM.

30 views

NASA Test Range Color Palette CSS

/* CSS */
.color-1 {
  color: #1B2A6D;
}

.color-2 {
  color: #E7E9EB;
}

.color-3 {
  color: #F7C94C;
}

.color-4 {
  color: #E86A3C;
}

.color-5 {
  color: #A9D6E5;
}

/* CSS Variables */
:root {
  --color-1: #1B2A6D;
  --color-2: #E7E9EB;
  --color-3: #F7C94C;
  --color-4: #E86A3C;
  --color-5: #A9D6E5;
}

NASA Test Range Gradient CSS

/* Linear Gradient */
.linear-gradient {
 background: linear-gradient(0.25turn, #1B2A6D, #E7E9EB, #F7C94C, #E86A3C, #A9D6E5);
 }

/* Radial Gradient */
.radial-gradient {
 background: radial-gradient(circle, #1B2A6D, #E7E9EB, #F7C94C, #E86A3C, #A9D6E5);
 }