.swatch {
  height: 60px;
  /*color: #fff;*/
}

.primary {
  background: var(--primary);
}

.primaryDark {
  background: var(--primaryDark);
}

.primaryLight {
  background: var(--primaryLight);
}

.hue30 {
  background: var(--cyan);
}

.hue30Light {
  background: var(--cyanLight);
}

.hue30Dark {
  background: var(--cyanDark);
}

.hue60 {
  background: var(--teal);
}

.hue60Light {
  background: var(--tealLight);
}

.hue60Dark {
  background: var(--tealDark);
}

.hue90 {
  background: var(--green);
}

.hue90Light {
  background: var(--greenLight);
}

.hue90Dark {
  background: var(--greenDark);
}

.hue120 {
  background: var(--lime);
}

.hue120Light {
  background: var(--limeLight);
}

.hue120Dark {
  background: var(--limeDark);
}

.hue150 {
  background: var(--yellow);
}

.hue150Light {
  background: var(--yellowLight);
}

.hue150Dark {
  background: var(--yellowDark);
}

.hue180 {
  background: var(--orange);
}

.hue180Light {
  background: var(--orangeLight);
}

.hue180Dark {
  background: var(--orangeDark);
}

.hue210 {
  background: var(--red);
}

.hue210Light {
  background: var(--redLight);
}

.hue210Dark {
  background: var(--redDark);
}

.hue240 {
  background: var(--magenta);
}

.hue240Light {
  background: var(--magentaLight);
}

.hue240Dark {
  background: var(--magentaDark);
}

.hue270 {
  background: var(--pink);
}

.hue270Light {
  background: var(--pinkLight);
}

.hue270Dark {
  background: var(--pinkDark);
}

.hue300 {
  background: var(--indigo);
}

.hue300Light {
  background: var(--indigoLight);
}

.hue300Dark {
  background: var(--indigoDark);
}

.hue330 {
  background: var(--royalblue);
}

.hue330Light {
  background: var(--royalblueLight);
}

.hue330Dark {
  background: var(--royalblueDark);
}

.hue360 {
  background: var(--blue);
}

.hue360Light {
  background: var(--blueLight);
}

.hue360Dark {
  background: var(--blueDark);
}

.grey900 {
  background: var(--grey900);
}

.grey800 {
  background: var(--grey800);
}

.grey700 {
  background: var(--grey700);
}

.grey600 {
  background: var(--grey600);
}

.grey500 {
  background: var(--grey500);
}

.grey400 {
  background: var(--grey400);
}

.grey300 {
  background: var(--grey300);
}

.grey200 {
  background: var(--grey200);
}

.grey100 {
  background: var(--grey100);
}

.greyWhite {
  background: var(--greyWhite);
}

.fulljumbo {
  height: calc(100% - 2em);
}