Variable SampleColoursConst

Type Declaration

• Readonlybase: {
      "100": { c: 0; h: 0; l: 100 };
      "300": { c: 0; h: 0; l: 80 };
      "500": { c: 0; h: 0; l: 50 };
      "700": { c: 0; h: 0; l: 18 };
      "900": { c: 0; h: 0; l: 0 };
  }

• Readonlyblue: {
      "100": { h: 245; l: 98.5; s: 100 };
      "500": { h: 230; l: 60; s: 63 };
      "900": { h: 244; l: 4; s: 41 };
  }

• Readonlygreen: {
      "100": { h: 112; l: 97; s: 53 };
      "500": { h: 125; l: 35.5; s: 50 };
      "900": { h: 112; l: 2; s: 81 };
  }

• Readonlyorange: {
      "100": { h: 35; l: 96.5; s: 100 };
      "500": { h: 22; l: 43; s: 75 };
      "900": { h: 19; l: 3; s: 100 };
  }

• Readonlypink: {
      "100": { h: 325; l: 98; s: 100 };
      "300": { h: 322; l: 79.5; s: 100 };
      "500": { h: 320; l: 51; s: 58 };
      "900": { h: 322; l: 5; s: 85 };
  }

• Readonlypurple: {
      "100": { h: 270; l: 98.5; s: 100 };
      "500": { h: 280; l: 56.5; s: 60 };
      "900": { h: 285; l: 4.5; s: 75 };
  }

• Readonlyred: {
      "100": { h: 5; l: 98; s: 100 };
      "300": { h: 4; l: 79.5; s: 100 };
      "500": { h: 3; l: 53; s: 68 };
      "900": { h: 7; l: 4; s: 90 };
  }

• Readonlyturquoise: {
      "100": { h: 157; l: 96.5; s: 68 };
      "300": { h: 160; l: 60; s: 45 };
      "500": { h: 168; l: 27.5; s: 92 };
      "700": { h: 162; l: 16.5; s: 69 };
      "900": { h: 153; l: 2; s: 100 };
  }

• Readonlyyardstick: {
      "100": { c: 0; h: 0; l: 100 };
      "300": { c: 0; h: 0; l: 80 };
      "500": { c: 0; h: 0; l: 50 };
      "700": { c: 0; h: 0; l: 18 };
      "900": { c: 0; h: 0; l: 0 };
  }

• Readonlyyardstick-accent: {
      "100": { c: 0; h: 0; l: 97 };
      "500": { c: 0; h: 0; l: 50.5 };
      "900": { c: 0; h: 0; l: 4 };
  }

• Readonlyyellow: {
      "100": { h: 49; l: 94; s: 100 };
      "300": { h: 45; l: 54; s: 70 };
      "500": { h: 35; l: 34; s: 100 };
      "900": { h: 20; l: 3; s: 100 };
  }