Skip to content

Instantly share code, notes, and snippets.

@jvns

jvns/colors.css Secret

Created May 4, 2026 12:35
Show Gist options
  • Select an option

  • Save jvns/9e59b2cd1fe12601084ba78dded072fe to your computer and use it in GitHub Desktop.

Select an option

Save jvns/9e59b2cd1fe12601084ba78dded072fe to your computer and use it in GitHub Desktop.
:root {
--blue-50: rgba(239, 246, 255);
--blue-100: rgba(219, 234, 254);
--blue-200: rgba(191, 219, 254);
--blue-300: rgba(147, 197, 253);
--blue-400: rgba(96, 165, 250);
--blue-500: rgba(59, 130, 246);
--blue-600: rgba(37, 99, 235);
--blue-700: rgba(29, 78, 216);
--blue-800: rgba(30, 64, 175);
--blue-900: rgba(30, 58, 138);
--gray-50: rgba(249, 250, 251);
--gray-100: rgba(243, 244, 246);
--gray-200: rgba(229, 231, 235);
--gray-300: rgba(209, 213, 219);
--gray-400: rgba(156, 163, 175);
--gray-500: rgba(107, 114, 128);
--gray-600: rgba(75, 85, 99);
--gray-700: rgba(55, 65, 81);
--gray-800: rgba(31, 41, 55);
--gray-900: rgba(17, 24, 39);
--green-50: rgba(236, 253, 245);
--green-100: rgba(209, 250, 229);
--green-200: rgba(167, 243, 208);
--green-300: rgba(110, 231, 183);
--green-400: rgba(52, 211, 153);
--green-500: rgba(16, 185, 129);
--green-600: rgba(5, 150, 105);
--green-700: rgba(4, 120, 87);
--green-800: rgba(6, 95, 70);
--green-900: rgba(6, 78, 59);
--indigo-50: rgba(238, 242, 255);
--indigo-100: rgba(224, 231, 255);
--indigo-200: rgba(199, 210, 254);
--indigo-300: rgba(165, 180, 252);
--indigo-400: rgba(129, 140, 248);
--indigo-500: rgba(99, 102, 241);
--indigo-600: rgba(79, 70, 229);
--indigo-700: rgba(67, 56, 202);
--indigo-800: rgba(55, 48, 163);
--indigo-900: rgba(49, 46, 129);
--pink-50: rgba(253, 242, 248);
--pink-100: rgba(252, 231, 243);
--pink-200: rgba(251, 207, 232);
--pink-300: rgba(249, 168, 212);
--pink-400: rgba(244, 114, 182);
--pink-500: rgba(236, 72, 153);
--pink-600: rgba(219, 39, 119);
--pink-700: rgba(190, 24, 93);
--pink-800: rgba(157, 23, 77);
--pink-900: rgba(131, 24, 67);
--purple-50: rgba(245, 243, 255);
--purple-100: rgba(237, 233, 254);
--purple-200: rgba(221, 214, 254);
--purple-300: rgba(196, 181, 253);
--purple-400: rgba(167, 139, 250);
--purple-500: rgba(139, 92, 246);
--purple-600: rgba(124, 58, 237);
--purple-700: rgba(109, 40, 217);
--purple-800: rgba(91, 33, 182);
--purple-900: rgba(76, 29, 149);
--red-50: rgba(254, 242, 242);
--red-100: rgba(254, 226, 226);
--red-200: rgba(254, 202, 202);
--red-300: rgba(252, 165, 165);
--red-400: rgba(248, 113, 113);
--red-500: rgba(239, 68, 68);
--red-600: rgba(220, 38, 38);
--red-700: rgba(185, 28, 28);
--red-800: rgba(153, 27, 27);
--red-900: rgba(127, 29, 29);
--yellow-50: rgba(255, 251, 235);
--yellow-100: rgba(254, 243, 199);
--yellow-200: rgba(253, 230, 138);
--yellow-300: rgba(252, 211, 77);
--yellow-400: rgba(251, 191, 36);
--yellow-500: rgba(245, 158, 11);
--yellow-600: rgba(217, 119, 6);
--yellow-700: rgba(180, 83, 9);
--yellow-800: rgba(146, 64, 14);
--yellow-900: rgba(120, 53, 15);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment