Design Token
Generator

:root {
  primary-50: #7073F2;
  primary-100: #7E80F3;
  primary-200: #989AF6;
  primary-300: #B3B4F8;
  primary-400: #CDCEFB;
  primary-500: #E8E8FD;
  primary-600: #2327EB;
  primary-700: #1014B8;
  primary-800: #0B0D78;
  primary-900: #050637;
  primary-950: #020317;
  success-50: #12D393;
  success-100: #17EBA5;
  success-200: #4BEFB9;
  success-300: #7FF4CD;
  success-400: #B3F8E2;
  success-500: #E8FDF6;
  success-600: #0D9568;
  success-700: #0A714F;
  success-800: #074D36;
  success-900: #04291D;
  success-950: #021710;
  warning-50: #F6A721;
  warning-100: #F7AF37;
  warning-200: #F9C163;
  warning-300: #FAD28F;
  warning-400: #FCE4BB;
  warning-500: #FEF5E7;
  warning-600: #C57F08;
  warning-700: #945F06;
  warning-800: #623F04;
  warning-900: #312002;
  warning-950: #181001;
  error-50: #F05454;
  error-100: #F26565;
  error-200: #F58585;
  error-300: #F7A6A6;
  error-400: #FAC7C7;
  error-500: #FDE8E8;
  error-600: #E11313;
  error-700: #A80E0E;
  error-800: #6E0909;
  error-900: #340404;
  error-950: #170202;
  neutral-50: #777E8D;
  neutral-100: #848B99;
  neutral-200: #A0A5AF;
  neutral-300: #BBBEC6;
  neutral-400: #D6D8DD;
  neutral-500: #F1F2F3;
  neutral-600: #565B67;
  neutral-700: #41454D;
  neutral-800: #2B2E34;
  neutral-900: #16181B;
  neutral-950: #0C0C0E;
  text-50: #2B3B55;
  text-100: #394D6F;
  text-200: #5372A4;
  text-300: #859CC1;
  text-400: #BAC7DC;
  text-500: #EEF1F6;
  text-600: #192232;
  text-700: #141C28;
  text-800: #10151F;
  text-900: #0B0F16;
  text-950: #090C11;
  background-50: #EDF2F7;
  background-100: #EDF2F7;
  background-200: #EDF2F7;
  background-300: #EDF2F7;
  background-400: #EDF2F7;
  background-500: #EDF2F7;
  background-600: #AEC5DC;
  background-700: #6491BD;
  background-800: #375C81;
  background-900: #172737;
  background-950: #080D12;
}

.dark {
  primary-50: #0E1167;
  primary-100: #13178B;
  primary-200: #1C23D3;
  primary-300: #585DE9;
  primary-400: #A0A3F2;
  primary-500: #E9E9FC;
  primary-600: #080939;
  primary-700: #06082F;
  primary-800: #050625;
  primary-900: #04051B;
  primary-950: #030416;
  success-50: #C0F7E5;
  success-100: #C5F7E7;
  success-200: #CEF8EA;
  success-300: #D7FAEE;
  success-400: #E0FBF2;
  success-500: #E9FCF6;
  success-600: #6CEBC2;
  success-700: #1EDF9F;
  success-800: #138F66;
  success-900: #083E2D;
  success-950: #031610;
  warning-50: #6A460C;
  warning-100: #8E5F10;
  warning-200: #D78F19;
  warning-300: #EBB356;
  warning-400: #F4D49F;
  warning-500: #FCF5E8;
  warning-600: #3B2707;
  warning-700: #302006;
  warning-800: #261904;
  warning-900: #1C1303;
  warning-950: #170F03;
  error-50: #670E0E;
  error-100: #8B1313;
  error-200: #D31C1C;
  error-300: #E95858;
  error-400: #F2A0A0;
  error-500: #FCE9E9;
  error-600: #390808;
  error-700: #2F0606;
  error-800: #250505;
  error-900: #1B0404;
  error-950: #160303;
  neutral-50: #D9DBDE;
  neutral-100: #DBDDE1;
  neutral-200: #E1E2E5;
  neutral-300: #E6E8EA;
  neutral-400: #ECEDEF;
  neutral-500: #F1F2F3;
  neutral-600: #A5A9B2;
  neutral-700: #747B88;
  neutral-800: #4A4F57;
  neutral-900: #212326;
  neutral-950: #0C0C0E;
  text-50: #9DAEC9;
  text-100: #A6B5CE;
  text-200: #B8C4D8;
  text-300: #CAD3E2;
  text-400: #DCE2EC;
  text-500: #EFF1F6;
  text-600: #6680AB;
  text-700: #485E82;
  text-800: #2F3D55;
  text-900: #161C27;
  text-950: #090C10;
  background-50: #4E7BA7;
  background-100: #5D89B3;
  background-200: #81A3C4;
  background-300: #A5BDD5;
  background-400: #CAD8E6;
  background-500: #EEF2F7;
  background-600: #385878;
  background-700: #2B435A;
  background-800: #1D2D3D;
  background-900: #0F1820;
  background-950: #080D11;
}