@ou-imdt/css/src/retired/brand-colors.css

The IMDT CSS library styles native elements with light, extendable CSS. It is developed for Interactive Media Developers at the Open University.

:root,
:host {
  --core1: #24285C;
  /* Core brand blue */
  --core2: #3A3381;
  /* Core brand blue alternative */

  --mono1: #000000;
  --mono2: #ffffff;
  --mono3: #1A1A1A;
  --mono4: #333333;
  --mono5: #4D4D4D;
  --mono6: #666666;
  --mono7: #808080;
  --mono8: #999999;
  --mono9: #B3B3B3;
  --mono10: #CCCCCC;
  --mono11: #E6E6E6;

  /* --success: #138575;
  --error: #A31E21; */
  /* --warning: #FF9A3C; */

  --primary1: #191C40;
  --primary1-tint1: #1D204A;
  --primary1-tint2: #202453;
  --primary1-tint3: #3A3E6C;
  --primary1-tint4: #50537D;
  --primary1-tint5: #66698D;
  --primary1-tint6: #7C7E9D;
  --primary1-tint7: #9294AE;
  --primary1-tint8: #A7A9BE;
  --primary1-tint9: #BDBFCE;
  --primary1-tint10: #D3D4DE;
  --primary1-tint11: #E9EAEF;
  --primary2: #29245A;
  --primary2-tint1: #2E2967;
  --primary2-tint2: #342E74;
  --primary2-tint3: #4E478E;
  --primary2-tint4: #615C9A;
  --primary2-tint5: #7570A7;
  --primary2-tint6: #8985B3;
  --primary2-tint7: #9D99C0;
  --primary2-tint8: #B0ADCD;
  --primary2-tint9: #C4C2D9;
  --primary2-tint10: #D8D6E6;
  --primary2-tint11: #EBEBF2;
  --primary3: #163B73;
  --primary3-tint1: #194484;
  --primary3-tint2: #1C4D95;
  --primary3-tint3: #3566AE;
  --primary3-tint4: #4C77B7;
  --primary3-tint5: #6288C0;
  --primary3-tint6: #7999C9;
  --primary3-tint7: #8FAAD2;
  --primary3-tint8: #A5BBDB;
  --primary3-tint9: #BFCCE2;
  --primary3-tint10: #D2DDED;
  --primary3-tint11: #E9EEF6;
  --primary4: #0086A3;
  --primary4-tint1: #009ABA;
  --primary4-tint2: #00ADD2;
  --primary4-tint3: #1AC6EB;
  --primary4-tint4: #33CDED;
  --primary4-tint5: #4DD3F0;
  --primary4-tint6: #66D9F2;
  --primary4-tint7: #80E0F4;
  --primary4-tint8: #99E6F6;
  --primary4-tint9: #B3ECF8;
  --primary4-tint10: #CCF2FB;
  --primary4-tint11: #E6F9FD;

  --secondary1: #1F55A5;
  --secondary2: #00C0E9;
  --secondary3: #5AC2B3;
  --secondary4: #F4846A;
  --secondary5: #E5B7D5;
  --secondary6: #FDF289;
}