@under-io/tailwind/src/config/colors.css

Under engineering Tailwind configuration

@theme inline {
  /** Brand Colors */
  --color-brand-50: rgb(242, 240, 254);
  --color-brand-100: rgb(228, 225, 253);
  --color-brand-200: rgb(202, 195, 251);
  --color-brand-300: rgb(175, 166, 250);
  --color-brand-400: rgb(149, 136, 248);
  --color-brand-500: rgb(122, 106, 246); /* Brand Color */
  --color-brand-600: rgb(107, 89, 245);
  --color-brand-700: rgb(93, 74, 241);
  --color-brand-800: rgb(79, 59, 237);
  --color-brand-900: rgb(66, 44, 233);

  /** Utility - Brand **/
  --color-utility-brand-50: var(--utility-brand-50);
  --color-utility-brand-50_alt: var(--utility-brand-50_alt);
  --color-utility-brand-100: var(--utility-brand-100);
  --color-utility-brand-100_alt: var(--utility-brand-100_alt);
  --color-utility-brand-200: var(--utility-brand-200);
  --color-utility-brand-200_alt: var(--utility-brand-200_alt);
  --color-utility-brand-300: var(--utility-brand-300);
  --color-utility-brand-300_alt: var(--utility-brand-300_alt);
  --color-utility-brand-400: var(--utility-brand-400);
  --color-utility-brand-400_alt: var(--utility-brand-400_alt);
  --color-utility-brand-500: var(--utility-brand-500);
  --color-utility-brand-500_alt: var(--utility-brand-500_alt);
  --color-utility-brand-600: var(--utility-brand-600);
  --color-utility-brand-600_alt: var(--utility-brand-600_alt);
  --color-utility-brand-700: var(--utility-brand-700);
  --color-utility-brand-700_alt: var(--utility-brand-700_alt);
  --color-utility-brand-800: var(--utility-brand-800);
  --color-utility-brand-800_alt: var(--utility-brand-800_alt);
  --color-utility-brand-900: var(--utility-brand-900);
  --color-utility-brand-900_alt: var(--utility-brand-900_alt);

  /** Error **/
  --color-error-25: rgb(255, 251, 250);
  --color-error-50: rgb(254, 243, 242);
  --color-error-100: rgb(254, 228, 226);
  --color-error-200: rgb(254, 205, 202);
  --color-error-300: rgb(253, 162, 155);
  --color-error-400: rgb(249, 112, 102);
  --color-error-500: rgb(240, 68, 56);
  --color-error-600: rgb(217, 45, 32);
  --color-error-700: rgb(180, 35, 24);
  --color-error-800: rgb(145, 32, 24);
  --color-error-900: rgb(122, 39, 26);
  --color-error-950: rgb(85, 22, 12);

  /** Utility - Error **/
  --color-utility-error-50: var(--utility-error-50);
  --color-utility-error-100: var(--utility-error-100);
  --color-utility-error-200: var(--utility-error-200);
  --color-utility-error-300: var(--utility-error-300);
  --color-utility-error-400: var(--utility-error-400);
  --color-utility-error-500: var(--utility-error-500);
  --color-utility-error-600: var(--utility-error-600);
  --color-utility-error-700: var(--utility-error-700);

  /** Warning **/
  --color-warning-25: rgb(255, 252, 245);
  --color-warning-50: rgb(255, 250, 235);
  --color-warning-100: rgb(254, 240, 199);
  --color-warning-200: rgb(254, 223, 137);
  --color-warning-300: rgb(254, 200, 75);
  --color-warning-400: rgb(253, 176, 34);
  --color-warning-500: rgb(247, 144, 9);
  --color-warning-600: rgb(220, 104, 3);
  --color-warning-700: rgb(181, 71, 8);
  --color-warning-800: rgb(147, 55, 13);
  --color-warning-900: rgb(122, 46, 14);
  --color-warning-950: rgb(78, 29, 9);

  /** Utility - Warning **/
  --color-utility-warning-50: var(--utility-warning-50);
  --color-utility-warning-100: var(--utility-warning-100);
  --color-utility-warning-200: var(--utility-warning-200);
  --color-utility-warning-300: var(--utility-warning-300);
  --color-utility-warning-400: var(--utility-warning-400);
  --color-utility-warning-500: var(--utility-warning-500);
  --color-utility-warning-600: var(--utility-warning-600);
  --color-utility-warning-700: var(--utility-warning-700);

  /** Success **/
  --color-success-25: rgb(246, 254, 249);
  --color-success-50: rgb(236, 253, 243);
  --color-success-100: rgb(220, 250, 230);
  --color-success-200: rgb(171, 239, 198);
  --color-success-300: rgb(117, 224, 167);
  --color-success-400: rgb(71, 205, 137);
  --color-success-500: rgb(23, 178, 106);
  --color-success-600: rgb(7, 148, 85);
  --color-success-700: rgb(6, 118, 71);
  --color-success-800: rgb(8, 93, 58);
  --color-success-900: rgb(7, 77, 49);
  --color-success-950: rgb(5, 51, 33);

  /** Utility - Success **/
  --color-utility-success-50: var(--utility-success-50);
  --color-utility-success-100: var(--utility-success-100);
  --color-utility-success-200: var(--utility-success-200);
  --color-utility-success-300: var(--utility-success-300);
  --color-utility-success-400: var(--utility-success-400);
  --color-utility-success-500: var(--utility-success-500);
  --color-utility-success-600: var(--utility-success-600);
  --color-utility-success-700: var(--utility-success-700);

  /** Gray **/
  --color-gray-25: var(--gray-25);
  --color-gray-50: var(--gray-50);
  --color-gray-100: var(--gray-100);
  --color-gray-200: var(--gray-200);
  --color-gray-300: var(--gray-300);
  --color-gray-400: var(--gray-400);
  --color-gray-500: var(--gray-500);
  --color-gray-600: var(--gray-600);
  --color-gray-700: var(--gray-700);
  --color-gray-800: var(--gray-800);
  --color-gray-900: var(--gray-900);
  --color-gray-950: var(--gray-950);

  /** Utility - Gray **/
  --color-utility-gray-50: var(--utility-gray-50);
  --color-utility-gray-100: var(--utility-gray-100);
  --color-utility-gray-200: var(--utility-gray-200);
  --color-utility-gray-300: var(--utility-gray-300);
  --color-utility-gray-400: var(--utility-gray-400);
  --color-utility-gray-500: var(--utility-gray-500);
  --color-utility-gray-600: var(--utility-gray-600);
  --color-utility-gray-700: var(--utility-gray-700);
  --color-utility-gray-800: var(--utility-gray-800);
  --color-utility-gray-900: var(--utility-gray-900);

  /** Moss **/
  --color-moss-25: rgb(250, 253, 247);
  --color-moss-50: rgb(245, 251, 238);
  --color-moss-100: rgb(230, 244, 215);
  --color-moss-200: rgb(206, 234, 176);
  --color-moss-300: rgb(172, 220, 121);
  --color-moss-400: rgb(134, 203, 60);
  --color-moss-500: rgb(102, 159, 42);
  --color-moss-600: rgb(79, 122, 33);
  --color-moss-700: rgb(63, 98, 26);
  --color-moss-800: rgb(51, 80, 21);
  --color-moss-900: rgb(43, 66, 18);
  --color-moss-950: rgb(26, 40, 11);

  /** Green **/
  --color-green-25: rgb(246, 254, 249);
  --color-green-50: rgb(237, 252, 242);
  --color-green-100: rgb(211, 248, 223);
  --color-green-200: rgb(170, 240, 196);
  --color-green-300: rgb(115, 226, 163);
  --color-green-400: rgb(60, 203, 127);
  --color-green-500: rgb(22, 179, 100);
  --color-green-600: rgb(9, 146, 80);
  --color-green-700: rgb(8, 116, 67);
  --color-green-800: rgb(9, 92, 55);
  --color-green-900: rgb(8, 76, 46);
  --color-green-950: rgb(5, 46, 28);

  /** Teal **/
  --color-teal-25: rgb(246, 254, 252);
  --color-teal-50: rgb(240, 253, 249);
  --color-teal-100: rgb(204, 251, 239);
  --color-teal-200: rgb(153, 246, 224);
  --color-teal-300: rgb(95, 233, 208);
  --color-teal-400: rgb(46, 211, 183);
  --color-teal-500: rgb(21, 183, 158);
  --color-teal-600: rgb(14, 147, 132);
  --color-teal-700: rgb(16, 117, 105);
  --color-teal-800: rgb(18, 93, 86);
  --color-teal-900: rgb(19, 78, 72);
  --color-teal-950: rgb(10, 41, 38);

  /** Cyan **/
  --color-cyan-25: rgb(245, 254, 255);
  --color-cyan-50: rgb(236, 253, 255);
  --color-cyan-100: rgb(207, 249, 254);
  --color-cyan-200: rgb(165, 240, 252);
  --color-cyan-300: rgb(103, 227, 249);
  --color-cyan-400: rgb(34, 204, 238);
  --color-cyan-500: rgb(6, 174, 212);
  --color-cyan-600: rgb(8, 138, 178);
  --color-cyan-700: rgb(14, 112, 144);
  --color-cyan-800: rgb(21, 91, 117);
  --color-cyan-900: rgb(22, 76, 99);
  --color-cyan-950: rgb(13, 45, 58);

  /** Blue - Light **/
  --color-blue-light-25: rgb(245, 251, 255);
  --color-blue-light-50: rgb(240, 249, 255);
  --color-blue-light-100: rgb(224, 242, 254);
  --color-blue-light-200: rgb(185, 230, 254);
  --color-blue-light-300: rgb(124, 212, 253);
  --color-blue-light-400: rgb(54, 191, 250);
  --color-blue-light-500: rgb(11, 165, 236);
  --color-blue-light-600: rgb(0, 134, 201);
  --color-blue-light-700: rgb(2, 106, 162);
  --color-blue-light-800: rgb(6, 89, 134);
  --color-blue-light-900: rgb(11, 74, 111);
  --color-blue-light-950: rgb(6, 44, 65);

  /** Utility - Blue Light **/
  --color-utility-blue-light-50: var(--utility-blue-light-50);
  --color-utility-blue-light-100: var(--utility-blue-light-100);
  --color-utility-blue-light-200: var(--utility-blue-light-200);
  --color-utility-blue-light-300: var(--utility-blue-light-300);
  --color-utility-blue-light-400: var(--utility-blue-light-400);
  --color-utility-blue-light-500: var(--utility-blue-light-500);
  --color-utility-blue-light-600: var(--utility-blue-light-600);
  --color-utility-blue-light-700: var(--utility-blue-light-700);

  /** Blue **/
  --color-blue-25: rgb(245, 250, 255);
  --color-blue-50: rgb(239, 248, 255);
  --color-blue-100: rgb(209, 233, 255);
  --color-blue-200: rgb(178, 221, 255);
  --color-blue-300: rgb(132, 202, 255);
  --color-blue-400: rgb(83, 177, 253);
  --color-blue-500: rgb(46, 144, 250);
  --color-blue-600: rgb(21, 112, 239);
  --color-blue-700: rgb(23, 92, 211);
  --color-blue-800: rgb(24, 73, 169);
  --color-blue-900: rgb(25, 65, 133);
  --color-blue-950: rgb(16, 42, 86);

  /** Utility - Blue **/
  --color-utility-blue-50: var(--utility-blue-50);
  --color-utility-blue-100: var(--utility-blue-100);
  --color-utility-blue-200: var(--utility-blue-200);
  --color-utility-blue-300: var(--utility-blue-300);
  --color-utility-blue-400: var(--utility-blue-400);
  --color-utility-blue-500: var(--utility-blue-500);
  --color-utility-blue-600: var(--utility-blue-600);
  --color-utility-blue-700: var(--utility-blue-700);

  /** Blue - Dark **/
  --color-blue-dark-25: rgb(245, 248, 255);
  --color-blue-dark-50: rgb(239, 244, 255);
  --color-blue-dark-100: rgb(209, 224, 255);
  --color-blue-dark-200: rgb(178, 204, 255);
  --color-blue-dark-300: rgb(132, 173, 255);
  --color-blue-dark-400: rgb(82, 139, 255);
  --color-blue-dark-500: rgb(41, 112, 255);
  --color-blue-dark-600: rgb(21, 94, 239);
  --color-blue-dark-700: rgb(0, 78, 235);
  --color-blue-dark-800: rgb(0, 64, 193);
  --color-blue-dark-900: rgb(0, 53, 158);
  --color-blue-dark-950: rgb(0, 34, 102);

  /** Utility - Blue Dark **/
  --color-utility-blue-dark-50: var(--utility-blue-dark-50);
  --color-utility-blue-dark-100: var(--utility-blue-dark-100);
  --color-utility-blue-dark-200: var(--utility-blue-dark-200);
  --color-utility-blue-dark-300: var(--utility-blue-dark-300);
  --color-utility-blue-dark-400: var(--utility-blue-dark-400);
  --color-utility-blue-dark-500: var(--utility-blue-dark-500);
  --color-utility-blue-dark-600: var(--utility-blue-dark-600);
  --color-utility-blue-dark-700: var(--utility-blue-dark-700);

  /** Indigo **/
  --color-indigo-25: rgb(245, 248, 255);
  --color-indigo-50: rgb(238, 244, 255);
  --color-indigo-100: rgb(224, 234, 255);
  --color-indigo-200: rgb(199, 215, 254);
  --color-indigo-300: rgb(164, 188, 253);
  --color-indigo-400: rgb(128, 152, 249);
  --color-indigo-500: rgb(97, 114, 243);
  --color-indigo-600: rgb(68, 76, 231);
  --color-indigo-700: rgb(53, 56, 205);
  --color-indigo-800: rgb(45, 49, 166);
  --color-indigo-900: rgb(45, 50, 130);
  --color-indigo-950: rgb(31, 35, 91);

  /** Utility - Indigo **/
  --color-utility-indigo-50: var(--utility-indigo-50);
  --color-utility-indigo-100: var(--utility-indigo-100);
  --color-utility-indigo-200: var(--utility-indigo-200);
  --color-utility-indigo-300: var(--utility-indigo-300);
  --color-utility-indigo-400: var(--utility-indigo-400);
  --color-utility-indigo-500: var(--utility-indigo-500);
  --color-utility-indigo-600: var(--utility-indigo-600);
  --color-utility-indigo-700: var(--utility-indigo-700);

  /** Violet **/
  --color-violet-25: rgb(251, 250, 255);
  --color-violet-50: rgb(245, 243, 255);
  --color-violet-100: rgb(236, 233, 254);
  --color-violet-200: rgb(221, 214, 254);
  --color-violet-300: rgb(195, 181, 253);
  --color-violet-400: rgb(164, 138, 251);
  --color-violet-500: rgb(135, 91, 247);
  --color-violet-600: rgb(120, 57, 238);
  --color-violet-700: rgb(105, 39, 218);
  --color-violet-800: rgb(87, 32, 183);
  --color-violet-900: rgb(73, 28, 150);
  --color-violet-950: rgb(46, 18, 94);

  /** Purple **/
  --color-purple-25: rgb(250, 250, 255);
  --color-purple-50: rgb(244, 243, 255);
  --color-purple-100: rgb(235, 233, 254);
  --color-purple-200: rgb(217, 214, 254);
  --color-purple-300: rgb(189, 180, 254);
  --color-purple-400: rgb(155, 138, 251);
  --color-purple-500: rgb(122, 90, 248);
  --color-purple-600: rgb(105, 56, 239);
  --color-purple-700: rgb(89, 37, 220);
  --color-purple-800: rgb(74, 31, 184);
  --color-purple-900: rgb(62, 28, 150);
  --color-purple-950: rgb(39, 17, 95);

  /** Utility - Purple **/
  --color-utility-purple-50: var(--utility-purple-50);
  --color-utility-purple-100: var(--utility-purple-100);
  --color-utility-purple-200: var(--utility-purple-200);
  --color-utility-purple-300: var(--utility-purple-300);
  --color-utility-purple-400: var(--utility-purple-400);
  --color-utility-purple-500: var(--utility-purple-500);
  --color-utility-purple-600: var(--utility-purple-600);
  --color-utility-purple-700: var(--utility-purple-700);

  /** Fuchsia **/
  --color-fuchsia-25: rgb(254, 250, 255);
  --color-fuchsia-50: rgb(253, 244, 255);
  --color-fuchsia-100: rgb(251, 232, 255);
  --color-fuchsia-200: rgb(246, 208, 254);
  --color-fuchsia-300: rgb(238, 170, 253);
  --color-fuchsia-400: rgb(228, 120, 250);
  --color-fuchsia-500: rgb(212, 68, 241);
  --color-fuchsia-600: rgb(186, 36, 213);
  --color-fuchsia-700: rgb(159, 26, 177);
  --color-fuchsia-800: rgb(130, 24, 144);
  --color-fuchsia-900: rgb(111, 24, 119);
  --color-fuchsia-950: rgb(71, 16, 76);

  /** Utility - Fuchsia **/
  --color-utility-fuchsia-50: var(--utility-fuchsia-50);
  --color-utility-fuchsia-100: var(--utility-fuchsia-100);
  --color-utility-fuchsia-200: var(--utility-fuchsia-200);
  --color-utility-fuchsia-300: var(--utility-fuchsia-300);
  --color-utility-fuchsia-400: var(--utility-fuchsia-400);
  --color-utility-fuchsia-500: var(--utility-fuchsia-500);
  --color-utility-fuchsia-600: var(--utility-fuchsia-600);
  --color-utility-fuchsia-700: var(--utility-fuchsia-700);

  /** Pink **/
  --color-pink-25: rgb(254, 246, 251);
  --color-pink-50: rgb(253, 242, 250);
  --color-pink-100: rgb(252, 231, 246);
  --color-pink-200: rgb(252, 206, 238);
  --color-pink-300: rgb(250, 167, 224);
  --color-pink-400: rgb(246, 112, 199);
  --color-pink-500: rgb(238, 70, 188);
  --color-pink-600: rgb(221, 37, 144);
  --color-pink-700: rgb(193, 21, 116);
  --color-pink-800: rgb(158, 22, 95);
  --color-pink-900: rgb(133, 22, 81);
  --color-pink-950: rgb(78, 13, 48);

  /** Utility - Pink **/
  --color-utility-pink-50: var(--utility-pink-50);
  --color-utility-pink-100: var(--utility-pink-100);
  --color-utility-pink-200: var(--utility-pink-200);
  --color-utility-pink-300: var(--utility-pink-300);
  --color-utility-pink-400: var(--utility-pink-400);
  --color-utility-pink-500: var(--utility-pink-500);
  --color-utility-pink-600: var(--utility-pink-600);
  --color-utility-pink-700: var(--utility-pink-700);

  /** Rose **/
  --color-rose-25: rgb(255, 245, 246);
  --color-rose-50: rgb(255, 241, 243);
  --color-rose-100: rgb(255, 228, 232);
  --color-rose-200: rgb(254, 205, 214);
  --color-rose-300: rgb(254, 163, 180);
  --color-rose-400: rgb(253, 111, 142);
  --color-rose-500: rgb(246, 61, 104);
  --color-rose-600: rgb(227, 27, 84);
  --color-rose-700: rgb(192, 16, 72);
  --color-rose-800: rgb(161, 16, 67);
  --color-rose-900: rgb(137, 18, 62);
  --color-rose-950: rgb(81, 11, 36);

  /** Orange - Dark **/
  --color-orange-dark-25: rgb(255, 249, 245);
  --color-orange-dark-50: rgb(255, 244, 237);
  --color-orange-dark-100: rgb(255, 230, 213);
  --color-orange-dark-200: rgb(255, 214, 174);
  --color-orange-dark-300: rgb(255, 156, 102);
  --color-orange-dark-400: rgb(255, 105, 46);
  --color-orange-dark-500: rgb(255, 68, 5);
  --color-orange-dark-600: rgb(230, 46, 5);
  --color-orange-dark-700: rgb(188, 27, 6);
  --color-orange-dark-800: rgb(151, 24, 12);
  --color-orange-dark-900: rgb(119, 26, 13);
  --color-orange-dark-950: rgb(87, 19, 10);

  /** Utility - Orange Dark **/
  --color-utility-orange-dark-50: var(--utility-orange-dark-50);
  --color-utility-orange-dark-100: var(--utility-orange-dark-100);
  --color-utility-orange-dark-200: var(--utility-orange-dark-200);
  --color-utility-orange-dark-300: var(--utility-orange-dark-300);
  --color-utility-orange-dark-400: var(--utility-orange-dark-400);
  --color-utility-orange-dark-500: var(--utility-orange-dark-500);
  --color-utility-orange-dark-600: var(--utility-orange-dark-600);
  --color-utility-orange-dark-700: var(--utility-orange-dark-700);

  /** Orange **/
  --color-orange-25: rgb(254, 250, 245);
  --color-orange-50: rgb(254, 246, 238);
  --color-orange-100: rgb(253, 234, 215);
  --color-orange-200: rgb(249, 219, 175);
  --color-orange-300: rgb(247, 178, 122);
  --color-orange-400: rgb(243, 135, 68);
  --color-orange-500: rgb(239, 104, 32);
  --color-orange-600: rgb(224, 79, 22);
  --color-orange-700: rgb(185, 56, 21);
  --color-orange-800: rgb(147, 47, 25);
  --color-orange-900: rgb(119, 41, 23);
  --color-orange-950: rgb(81, 28, 16);

  /** Utility - Orange **/
  --color-utility-orange-50: var(--utility-orange-50);
  --color-utility-orange-100: var(--utility-orange-100);
  --color-utility-orange-200: var(--utility-orange-200);
  --color-utility-orange-300: var(--utility-orange-300);
  --color-utility-orange-400: var(--utility-orange-400);
  --color-utility-orange-500: var(--utility-orange-500);
  --color-utility-orange-600: var(--utility-orange-600);
  --color-utility-orange-700: var(--utility-orange-700);

  /** Yellow **/
  --color-yellow-25: rgb(254, 253, 240);
  --color-yellow-50: rgb(254, 251, 232);
  --color-yellow-100: rgb(254, 247, 195);
  --color-yellow-200: rgb(254, 238, 149);
  --color-yellow-300: rgb(253, 226, 114);
  --color-yellow-400: rgb(250, 197, 21);
  --color-yellow-500: rgb(234, 170, 8);
  --color-yellow-600: rgb(202, 133, 4);
  --color-yellow-700: rgb(161, 92, 7);
  --color-yellow-800: rgb(133, 74, 14);
  --color-yellow-900: rgb(113, 59, 18);
  --color-yellow-950: rgb(84, 44, 13);
}