Facebook

What Have You Done? Color Palette

What Have You Done? Color Palette CSS

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

.color-2 {
  color: #F4FAFB;
}

.color-3 {
  color: #ADDBF0;
}

.color-4 {
  color: #4F8FD8;
}

.color-5 {
  color: #3157AF;
}

/* CSS Variables */
:root {
  --color-1: #C874C2;
  --color-2: #F4FAFB;
  --color-3: #ADDBF0;
  --color-4: #4F8FD8;
  --color-5: #3157AF;
}

What Have You Done? Gradient CSS

/* Linear Gradient */
.linear-gradient {
  background: linear-gradient(0.25turn, #C874C2, #F4FAFB, #ADDBF0, #4F8FD8, #3157AF);
 }

/* Radial Gradient */
.radial-gradient {
  background: radial-gradient(circle, #C874C2, #F4FAFB, #ADDBF0, #4F8FD8, #3157AF);
 }