| white |
rgb(255, 255, 255) |
rgb(255, 255, 255) |
No |
- |
- |
| transparent-white-25 |
rgba(255, 255, 255, 0) |
rgba(255, 255, 255, 0) |
No |
- |
- |
| transparent-white-50 |
rgba(255, 255, 255, 0.04) |
rgba(255, 255, 255, 0.04) |
No |
- |
- |
| transparent-white-75 |
rgba(255, 255, 255, 0.07) |
rgba(255, 255, 255, 0.07) |
No |
- |
- |
| transparent-white-100 |
rgba(255, 255, 255, 0.11) |
rgba(255, 255, 255, 0.11) |
No |
- |
- |
| transparent-white-200 |
rgba(255, 255, 255, 0.14) |
rgba(255, 255, 255, 0.14) |
No |
- |
- |
| transparent-white-300 |
rgba(255, 255, 255, 0.17) |
rgba(255, 255, 255, 0.17) |
No |
- |
- |
| transparent-white-400 |
rgba(255, 255, 255, 0.21) |
rgba(255, 255, 255, 0.21) |
No |
- |
- |
| transparent-white-500 |
rgba(255, 255, 255, 0.39) |
rgba(255, 255, 255, 0.39) |
No |
- |
- |
| transparent-white-600 |
rgba(255, 255, 255, 0.51) |
rgba(255, 255, 255, 0.51) |
No |
- |
- |
| transparent-white-700 |
rgba(255, 255, 255, 0.66) |
rgba(255, 255, 255, 0.66) |
No |
- |
- |
| transparent-white-800 |
rgba(255, 255, 255, 0.85) |
rgba(255, 255, 255, 0.85) |
No |
- |
- |
| transparent-white-900 |
rgba(255, 255, 255, 0.94) |
rgba(255, 255, 255, 0.94) |
No |
- |
- |
| transparent-white-1000 |
rgb(255, 255, 255) |
rgb(255, 255, 255) |
No |
- |
- |
| black |
rgb(0, 0, 0) |
rgb(0, 0, 0) |
No |
- |
- |
| transparent-black-25 |
rgba(0, 0, 0, 0) |
rgba(0, 0, 0, 0) |
No |
- |
- |
| transparent-black-50 |
rgba(0, 0, 0, 0.03) |
rgba(0, 0, 0, 0.03) |
No |
- |
- |
| transparent-black-75 |
rgba(0, 0, 0, 0.05) |
rgba(0, 0, 0, 0.05) |
No |
- |
- |
| transparent-black-100 |
rgba(0, 0, 0, 0.09) |
rgba(0, 0, 0, 0.09) |
No |
- |
- |
| transparent-black-200 |
rgba(0, 0, 0, 0.12) |
rgba(0, 0, 0, 0.12) |
No |
- |
- |
| transparent-black-300 |
rgba(0, 0, 0, 0.15) |
rgba(0, 0, 0, 0.15) |
No |
- |
- |
| transparent-black-400 |
rgba(0, 0, 0, 0.22) |
rgba(0, 0, 0, 0.22) |
No |
- |
- |
| transparent-black-500 |
rgba(0, 0, 0, 0.44) |
rgba(0, 0, 0, 0.44) |
No |
- |
- |
| transparent-black-600 |
rgba(0, 0, 0, 0.56) |
rgba(0, 0, 0, 0.56) |
No |
- |
- |
| transparent-black-700 |
rgba(0, 0, 0, 0.69) |
rgba(0, 0, 0, 0.69) |
No |
- |
- |
| transparent-black-800 |
rgba(0, 0, 0, 0.84) |
rgba(0, 0, 0, 0.84) |
No |
- |
- |
| transparent-black-900 |
rgba(0, 0, 0, 0.93) |
rgba(0, 0, 0, 0.93) |
No |
- |
- |
| transparent-black-1000 |
rgb(0, 0, 0) |
rgb(0, 0, 0) |
No |
- |
- |
| gray-25 |
- |
dark: rgb(17, 17, 17); light: rgb(255, 255, 255); wireframe: rgb(254, 254, 255) |
No |
- |
- |
| gray-50 |
- |
light: rgb(248, 248, 248); dark: rgb(27, 27, 27); wireframe: rgb(246, 248, 253) |
No |
- |
- |
| gray-75 |
- |
light: rgb(243, 243, 243); dark: rgb(34, 34, 34); wireframe: rgb(241, 244, 251) |
No |
- |
- |
| gray-100 |
- |
light: rgb(233, 233, 233); dark: rgb(44, 44, 44); wireframe: rgb(228, 234, 249) |
No |
- |
- |
| gray-200 |
- |
light: rgb(225, 225, 225); dark: rgb(50, 50, 50); wireframe: rgb(214, 224, 246) |
No |
- |
- |
| gray-300 |
- |
light: rgb(218, 218, 218); dark: rgb(57, 57, 57); wireframe: rgb(207, 219, 245) |
No |
- |
- |
| gray-400 |
- |
light: rgb(198, 198, 198); dark: rgb(68, 68, 68); wireframe: rgb(180, 199, 239) |
No |
- |
- |
| gray-500 |
- |
light: rgb(143, 143, 143); dark: rgb(109, 109, 109); wireframe: rgb(108, 142, 217) |
No |
- |
- |
| gray-600 |
- |
light: rgb(113, 113, 113); dark: rgb(138, 138, 138); wireframe: rgb(72, 110, 194) |
No |
- |
- |
| gray-700 |
- |
light: rgb(80, 80, 80); dark: rgb(175, 175, 175); wireframe: rgb(44, 77, 149) |
No |
- |
- |
| gray-800 |
- |
light: rgb(41, 41, 41); dark: rgb(219, 219, 219); wireframe: rgb(25, 46, 93) |
No |
- |
- |
| gray-900 |
- |
light: rgb(19, 19, 19); dark: rgb(242, 242, 242); wireframe: rgb(10, 19, 39) |
No |
- |
- |
| gray-1000 |
- |
dark: rgb(255, 255, 255); light: rgb(0, 0, 0); wireframe: rgb(0, 0, 0) |
No |
- |
- |
| blue-100 |
- |
light: rgb(245, 249, 255); dark: rgb(14, 23, 63); wireframe: rgb(246, 248, 252) |
No |
- |
- |
| blue-200 |
- |
light: rgb(229, 240, 254); dark: rgb(15, 28, 82); wireframe: rgb(235, 239, 248) |
No |
- |
- |
| blue-300 |
- |
light: rgb(203, 226, 254); dark: rgb(12, 33, 117); wireframe: rgb(216, 224, 242) |
No |
- |
- |
| blue-400 |
- |
light: rgb(172, 207, 253); dark: rgb(18, 45, 154); wireframe: rgb(192, 205, 234) |
No |
- |
- |
| blue-500 |
- |
light: rgb(142, 185, 252); dark: rgb(26, 58, 195); wireframe: rgb(164, 183, 225) |
No |
- |
- |
| blue-600 |
- |
light: rgb(114, 158, 253); dark: rgb(37, 73, 229); wireframe: rgb(135, 160, 215) |
No |
- |
- |
| blue-700 |
- |
light: rgb(93, 137, 255); dark: rgb(52, 91, 248); wireframe: rgb(113, 142, 208) |
No |
- |
- |
| blue-800 |
- |
light: rgb(75, 117, 255); dark: rgb(64, 105, 253); wireframe: rgb(93, 127, 201) |
No |
- |
- |
| blue-900 |
- |
light: rgb(59, 99, 251); dark: rgb(86, 129, 255); wireframe: rgb(74, 111, 195) |
No |
- |
- |
| blue-1000 |
- |
light: rgb(39, 77, 234); dark: rgb(105, 149, 254); wireframe: rgb(61, 94, 165) |
No |
- |
- |
| blue-1100 |
- |
light: rgb(29, 62, 207); dark: rgb(124, 169, 252); wireframe: rgb(52, 79, 140) |
No |
- |
- |
| blue-1200 |
- |
light: rgb(21, 50, 173); dark: rgb(152, 192, 252); wireframe: rgb(42, 65, 114) |
No |
- |
- |
| blue-1300 |
- |
light: rgb(16, 40, 140); dark: rgb(181, 213, 253); wireframe: rgb(34, 51, 91) |
No |
- |
- |
| blue-1400 |
- |
light: rgb(12, 31, 105); dark: rgb(213, 231, 254); wireframe: rgb(25, 39, 69) |
No |
- |
- |
| blue-1500 |
- |
dark: rgb(238, 245, 255); light: rgb(14, 24, 67); wireframe: rgb(18, 27, 48) |
No |
- |
- |
| blue-1600 |
- |
dark: rgb(255, 255, 255); light: rgb(7, 11, 30); wireframe: rgb(8, 12, 22) |
No |
- |
- |
| red-100 |
- |
light: rgb(255, 246, 245); dark: rgb(54, 10, 3); wireframe: rgb(246, 248, 252) |
No |
- |
- |
| red-200 |
- |
light: rgb(255, 235, 232); dark: rgb(68, 13, 5); wireframe: rgb(235, 239, 248) |
No |
- |
- |
| red-300 |
- |
light: rgb(255, 214, 209); dark: rgb(87, 17, 7); wireframe: rgb(216, 224, 242) |
No |
- |
- |
| red-400 |
- |
light: rgb(255, 188, 180); dark: rgb(115, 24, 11); wireframe: rgb(192, 205, 234) |
No |
- |
- |
| red-500 |
- |
light: rgb(255, 157, 145); dark: rgb(147, 31, 17); wireframe: rgb(164, 183, 225) |
No |
- |
- |
| red-600 |
- |
light: rgb(255, 118, 101); dark: rgb(177, 38, 23); wireframe: rgb(135, 160, 215) |
No |
- |
- |
| red-700 |
- |
light: rgb(255, 81, 61); dark: rgb(205, 46, 29); wireframe: rgb(113, 142, 208) |
No |
- |
- |
| red-800 |
- |
light: rgb(240, 56, 35); dark: rgb(223, 52, 34); wireframe: rgb(93, 127, 201) |
No |
- |
- |
| red-900 |
- |
light: rgb(215, 50, 32); dark: rgb(252, 67, 46); wireframe: rgb(74, 111, 195) |
No |
- |
- |
| red-1000 |
- |
light: rgb(183, 40, 24); dark: rgb(255, 103, 86); wireframe: rgb(61, 94, 165) |
No |
- |
- |
| red-1100 |
- |
light: rgb(156, 33, 19); dark: rgb(255, 134, 120); wireframe: rgb(52, 79, 140) |
No |
- |
- |
| red-1200 |
- |
light: rgb(129, 27, 14); dark: rgb(255, 167, 157); wireframe: rgb(42, 65, 114) |
No |
- |
- |
| red-1300 |
- |
light: rgb(104, 21, 10); dark: rgb(255, 196, 189); wireframe: rgb(34, 51, 91) |
No |
- |
- |
| red-1400 |
- |
light: rgb(80, 16, 6); dark: rgb(255, 222, 219); wireframe: rgb(25, 39, 69) |
No |
- |
- |
| red-1500 |
- |
dark: rgb(255, 242, 240); light: rgb(59, 11, 4); wireframe: rgb(18, 27, 48) |
No |
- |
- |
| red-1600 |
- |
dark: rgb(255, 255, 255); light: rgb(29, 5, 2); wireframe: rgb(8, 12, 22) |
No |
- |
- |
| orange-100 |
- |
light: rgb(255, 246, 231); dark: rgb(49, 16, 0); wireframe: rgb(246, 248, 252) |
No |
- |
- |
| orange-200 |
- |
light: rgb(255, 236, 207); dark: rgb(61, 21, 0); wireframe: rgb(235, 239, 248) |
No |
- |
- |
| orange-300 |
- |
light: rgb(255, 218, 158); dark: rgb(80, 27, 0); wireframe: rgb(216, 224, 242) |
No |
- |
- |
| orange-400 |
- |
light: rgb(255, 193, 94); dark: rgb(106, 36, 0); wireframe: rgb(192, 205, 234) |
No |
- |
- |
| orange-500 |
- |
light: rgb(255, 162, 19); dark: rgb(135, 47, 0); wireframe: rgb(164, 183, 225) |
No |
- |
- |
| orange-600 |
- |
light: rgb(252, 125, 0); dark: rgb(162, 59, 0); wireframe: rgb(135, 160, 215) |
No |
- |
- |
| orange-700 |
- |
light: rgb(232, 106, 0); dark: rgb(185, 73, 0); wireframe: rgb(113, 142, 208) |
No |
- |
- |
| orange-800 |
- |
light: rgb(212, 91, 0); dark: rgb(199, 82, 0); wireframe: rgb(93, 127, 201) |
No |
- |
- |
| orange-900 |
- |
light: rgb(194, 78, 0); dark: rgb(224, 100, 0); wireframe: rgb(74, 111, 195) |
No |
- |
- |
| orange-1000 |
- |
light: rgb(167, 62, 0); dark: rgb(243, 117, 0); wireframe: rgb(61, 94, 165) |
No |
- |
- |
| orange-1100 |
- |
light: rgb(144, 51, 0); dark: rgb(255, 137, 0); wireframe: rgb(52, 79, 140) |
No |
- |
- |
| orange-1200 |
- |
light: rgb(118, 41, 0); dark: rgb(255, 173, 45); wireframe: rgb(42, 65, 114) |
No |
- |
- |
| orange-1300 |
- |
light: rgb(95, 32, 0); dark: rgb(255, 201, 116); wireframe: rgb(34, 51, 91) |
No |
- |
- |
| orange-1400 |
- |
light: rgb(73, 24, 0); dark: rgb(255, 225, 178); wireframe: rgb(25, 39, 69) |
No |
- |
- |
| orange-1500 |
- |
dark: rgb(255, 243, 225); light: rgb(52, 18, 0); wireframe: rgb(18, 27, 48) |
No |
- |
- |
| orange-1600 |
- |
dark: rgb(255, 255, 255); light: rgb(25, 8, 0); wireframe: rgb(8, 12, 22) |
No |
- |
- |
| yellow-100 |
- |
light: rgb(255, 248, 204); dark: rgb(37, 23, 0); wireframe: rgb(246, 248, 252) |
No |
- |
- |
| yellow-200 |
- |
light: rgb(255, 241, 151); dark: rgb(47, 29, 0); wireframe: rgb(235, 239, 248) |
No |
- |
- |
| yellow-300 |
- |
light: rgb(255, 222, 44); dark: rgb(61, 39, 0); wireframe: rgb(216, 224, 242) |
No |
- |
- |
| yellow-400 |
- |
light: rgb(245, 199, 0); dark: rgb(83, 52, 0); wireframe: rgb(192, 205, 234) |
No |
- |
- |
| yellow-500 |
- |
light: rgb(230, 175, 0); dark: rgb(107, 67, 0); wireframe: rgb(164, 183, 225) |
No |
- |
- |
| yellow-600 |
- |
light: rgb(210, 149, 0); dark: rgb(130, 82, 0); wireframe: rgb(135, 160, 215) |
No |
- |
- |
| yellow-700 |
- |
light: rgb(193, 131, 0); dark: rgb(151, 97, 0); wireframe: rgb(113, 142, 208) |
No |
- |
- |
| yellow-800 |
- |
light: rgb(175, 116, 0); dark: rgb(164, 106, 0); wireframe: rgb(93, 127, 201) |
No |
- |
- |
| yellow-900 |
- |
light: rgb(158, 102, 0); dark: rgb(186, 124, 0); wireframe: rgb(74, 111, 195) |
No |
- |
- |
| yellow-1000 |
- |
light: rgb(134, 85, 0); dark: rgb(203, 141, 0); wireframe: rgb(61, 94, 165) |
No |
- |
- |
| yellow-1100 |
- |
light: rgb(114, 72, 0); dark: rgb(218, 159, 0); wireframe: rgb(52, 79, 140) |
No |
- |
- |
| yellow-1200 |
- |
light: rgb(93, 59, 0); dark: rgb(235, 183, 0); wireframe: rgb(42, 65, 114) |
No |
- |
- |
| yellow-1300 |
- |
light: rgb(75, 47, 0); dark: rgb(249, 206, 0); wireframe: rgb(34, 51, 91) |
No |
- |
- |
| yellow-1400 |
- |
light: rgb(56, 35, 0); dark: rgb(255, 230, 86); wireframe: rgb(25, 39, 69) |
No |
- |
- |
| yellow-1500 |
- |
dark: rgb(255, 246, 195); light: rgb(40, 25, 0); wireframe: rgb(18, 27, 48) |
No |
- |
- |
| yellow-1600 |
- |
dark: rgb(255, 255, 255); light: rgb(18, 11, 0); wireframe: rgb(8, 12, 22) |
No |
- |
- |
| chartreuse-100 |
- |
light: rgb(246, 251, 222); dark: rgb(23, 28, 0); wireframe: rgb(246, 248, 252) |
No |
- |
- |
| chartreuse-200 |
- |
light: rgb(234, 246, 173); dark: rgb(30, 36, 0); wireframe: rgb(235, 239, 248) |
No |
- |
- |
| chartreuse-300 |
- |
light: rgb(208, 236, 70); dark: rgb(39, 47, 0); wireframe: rgb(216, 224, 242) |
No |
- |
- |
| chartreuse-400 |
- |
light: rgb(182, 219, 0); dark: rgb(53, 63, 0); wireframe: rgb(192, 205, 234) |
No |
- |
- |
| chartreuse-500 |
- |
light: rgb(163, 196, 0); dark: rgb(68, 82, 0); wireframe: rgb(164, 183, 225) |
No |
- |
- |
| chartreuse-600 |
- |
light: rgb(143, 172, 0); dark: rgb(83, 100, 0); wireframe: rgb(135, 160, 215) |
No |
- |
- |
| chartreuse-700 |
- |
light: rgb(128, 153, 0); dark: rgb(97, 116, 0); wireframe: rgb(113, 142, 208) |
No |
- |
- |
| chartreuse-800 |
- |
light: rgb(114, 137, 0); dark: rgb(106, 127, 0); wireframe: rgb(93, 127, 201) |
No |
- |
- |
| chartreuse-900 |
- |
light: rgb(102, 122, 0); dark: rgb(122, 147, 0); wireframe: rgb(74, 111, 195) |
No |
- |
- |
| chartreuse-1000 |
- |
light: rgb(86, 103, 0); dark: rgb(136, 164, 0); wireframe: rgb(61, 94, 165) |
No |
- |
- |
| chartreuse-1100 |
- |
light: rgb(73, 87, 0); dark: rgb(151, 181, 0); wireframe: rgb(52, 79, 140) |
No |
- |
- |
| chartreuse-1200 |
- |
light: rgb(60, 71, 0); dark: rgb(169, 203, 0); wireframe: rgb(42, 65, 114) |
No |
- |
- |
| chartreuse-1300 |
- |
light: rgb(47, 57, 0); dark: rgb(187, 225, 0); wireframe: rgb(34, 51, 91) |
No |
- |
- |
| chartreuse-1400 |
- |
light: rgb(35, 43, 0); dark: rgb(219, 240, 117); wireframe: rgb(25, 39, 69) |
No |
- |
- |
| chartreuse-1500 |
- |
dark: rgb(242, 249, 206); light: rgb(25, 30, 0); wireframe: rgb(18, 27, 48) |
No |
- |
- |
| chartreuse-1600 |
- |
dark: rgb(255, 255, 255); light: rgb(11, 14, 0); wireframe: rgb(8, 12, 22) |
No |
- |
- |
| celery-100 |
- |
light: rgb(235, 255, 220); dark: rgb(11, 31, 0); wireframe: rgb(246, 248, 252) |
No |
- |
- |
| celery-200 |
- |
light: rgb(197, 255, 156); dark: rgb(15, 38, 0); wireframe: rgb(235, 239, 248) |
No |
- |
- |
| celery-300 |
- |
light: rgb(157, 247, 92); dark: rgb(21, 51, 1); wireframe: rgb(216, 224, 242) |
No |
- |
- |
| celery-400 |
- |
light: rgb(129, 228, 58); dark: rgb(31, 67, 4); wireframe: rgb(192, 205, 234) |
No |
- |
- |
| celery-500 |
- |
light: rgb(110, 206, 42); dark: rgb(41, 86, 8); wireframe: rgb(164, 183, 225) |
No |
- |
- |
| celery-600 |
- |
light: rgb(93, 180, 31); dark: rgb(50, 105, 11); wireframe: rgb(135, 160, 215) |
No |
- |
- |
| celery-700 |
- |
light: rgb(82, 161, 25); dark: rgb(60, 122, 15); wireframe: rgb(113, 142, 208) |
No |
- |
- |
| celery-800 |
- |
light: rgb(72, 144, 20); dark: rgb(66, 134, 18); wireframe: rgb(93, 127, 201) |
No |
- |
- |
| celery-900 |
- |
light: rgb(64, 129, 17); dark: rgb(78, 154, 23); wireframe: rgb(74, 111, 195) |
No |
- |
- |
| celery-1000 |
- |
light: rgb(52, 109, 12); dark: rgb(88, 172, 28); wireframe: rgb(61, 94, 165) |
No |
- |
- |
| celery-1100 |
- |
light: rgb(44, 92, 9); dark: rgb(100, 190, 35); wireframe: rgb(52, 79, 140) |
No |
- |
- |
| celery-1200 |
- |
light: rgb(35, 75, 6); dark: rgb(116, 213, 46); wireframe: rgb(42, 65, 114) |
No |
- |
- |
| celery-1300 |
- |
light: rgb(27, 60, 3); dark: rgb(136, 234, 65); wireframe: rgb(34, 51, 91) |
No |
- |
- |
| celery-1400 |
- |
light: rgb(19, 46, 0); dark: rgb(170, 251, 112); wireframe: rgb(25, 39, 69) |
No |
- |
- |
| celery-1500 |
- |
dark: rgb(222, 255, 198); light: rgb(12, 33, 0); wireframe: rgb(18, 27, 48) |
No |
- |
- |
| celery-1600 |
- |
dark: rgb(255, 255, 255); light: rgb(4, 15, 0); wireframe: rgb(8, 12, 22) |
No |
- |
- |
| green-100 |
- |
light: rgb(237, 252, 241); dark: rgb(0, 30, 23); wireframe: rgb(246, 248, 252) |
No |
- |
- |
| green-200 |
- |
light: rgb(215, 247, 225); dark: rgb(0, 38, 29); wireframe: rgb(235, 239, 248) |
No |
- |
- |
| green-300 |
- |
light: rgb(173, 238, 197); dark: rgb(0, 51, 38); wireframe: rgb(216, 224, 242) |
No |
- |
- |
| green-400 |
- |
light: rgb(107, 227, 162); dark: rgb(0, 68, 48); wireframe: rgb(192, 205, 234) |
No |
- |
- |
| green-500 |
- |
light: rgb(43, 209, 125); dark: rgb(2, 87, 58); wireframe: rgb(164, 183, 225) |
No |
- |
- |
| green-600 |
- |
light: rgb(18, 184, 103); dark: rgb(3, 106, 67); wireframe: rgb(135, 160, 215) |
No |
- |
- |
| green-700 |
- |
light: rgb(11, 164, 93); dark: rgb(4, 124, 75); wireframe: rgb(113, 142, 208) |
No |
- |
- |
| green-800 |
- |
light: rgb(7, 147, 85); dark: rgb(6, 136, 80); wireframe: rgb(93, 127, 201) |
No |
- |
- |
| green-900 |
- |
light: rgb(5, 131, 78); dark: rgb(9, 157, 89); wireframe: rgb(74, 111, 195) |
No |
- |
- |
| green-1000 |
- |
light: rgb(3, 110, 69); dark: rgb(14, 175, 98); wireframe: rgb(61, 94, 165) |
No |
- |
- |
| green-1100 |
- |
light: rgb(2, 93, 60); dark: rgb(24, 193, 110); wireframe: rgb(52, 79, 140) |
No |
- |
- |
| green-1200 |
- |
light: rgb(1, 76, 52); dark: rgb(57, 215, 134); wireframe: rgb(42, 65, 114) |
No |
- |
- |
| green-1300 |
- |
light: rgb(0, 61, 44); dark: rgb(126, 231, 172); wireframe: rgb(34, 51, 91) |
No |
- |
- |
| green-1400 |
- |
light: rgb(0, 46, 34); dark: rgb(189, 241, 208); wireframe: rgb(25, 39, 69) |
No |
- |
- |
| green-1500 |
- |
dark: rgb(229, 250, 236); light: rgb(0, 33, 25); wireframe: rgb(18, 27, 48) |
No |
- |
- |
| green-1600 |
- |
dark: rgb(255, 255, 255); light: rgb(0, 15, 12); wireframe: rgb(8, 12, 22) |
No |
- |
- |
| seafoam-100 |
- |
light: rgb(235, 251, 246); dark: rgb(0, 30, 27); wireframe: rgb(246, 248, 252) |
No |
- |
- |
| seafoam-200 |
- |
light: rgb(211, 246, 234); dark: rgb(0, 39, 35); wireframe: rgb(235, 239, 248) |
No |
- |
- |
| seafoam-300 |
- |
light: rgb(169, 237, 216); dark: rgb(0, 50, 44); wireframe: rgb(216, 224, 242) |
No |
- |
- |
| seafoam-400 |
- |
light: rgb(92, 225, 194); dark: rgb(0, 67, 59); wireframe: rgb(192, 205, 234) |
No |
- |
- |
| seafoam-500 |
- |
light: rgb(16, 207, 169); dark: rgb(2, 86, 75); wireframe: rgb(164, 183, 225) |
No |
- |
- |
| seafoam-600 |
- |
light: rgb(13, 181, 149); dark: rgb(4, 105, 89); wireframe: rgb(135, 160, 215) |
No |
- |
- |
| seafoam-700 |
- |
light: rgb(11, 162, 134); dark: rgb(6, 122, 103); wireframe: rgb(113, 142, 208) |
No |
- |
- |
| seafoam-800 |
- |
light: rgb(9, 144, 120); dark: rgb(8, 134, 112); wireframe: rgb(93, 127, 201) |
No |
- |
- |
| seafoam-900 |
- |
light: rgb(7, 129, 109); dark: rgb(10, 154, 128); wireframe: rgb(74, 111, 195) |
No |
- |
- |
| seafoam-1000 |
- |
light: rgb(5, 108, 92); dark: rgb(12, 173, 142); wireframe: rgb(61, 94, 165) |
No |
- |
- |
| seafoam-1100 |
- |
light: rgb(3, 92, 80); dark: rgb(14, 190, 156); wireframe: rgb(52, 79, 140) |
No |
- |
- |
| seafoam-1200 |
- |
light: rgb(1, 75, 67); dark: rgb(29, 214, 176); wireframe: rgb(42, 65, 114) |
No |
- |
- |
| seafoam-1300 |
- |
light: rgb(0, 60, 54); dark: rgb(122, 229, 203); wireframe: rgb(34, 51, 91) |
No |
- |
- |
| seafoam-1400 |
- |
light: rgb(0, 46, 40); dark: rgb(186, 241, 222); wireframe: rgb(25, 39, 69) |
No |
- |
- |
| seafoam-1500 |
- |
dark: rgb(229, 249, 243); light: rgb(0, 33, 29); wireframe: rgb(18, 27, 48) |
No |
- |
- |
| seafoam-1600 |
- |
dark: rgb(255, 255, 255); light: rgb(0, 15, 14); wireframe: rgb(8, 12, 22) |
No |
- |
- |
| cyan-100 |
- |
light: rgb(238, 250, 254); dark: rgb(0, 29, 39); wireframe: rgb(246, 248, 252) |
No |
- |
- |
| cyan-200 |
- |
light: rgb(217, 244, 253); dark: rgb(0, 36, 49); wireframe: rgb(235, 239, 248) |
No |
- |
- |
| cyan-300 |
- |
light: rgb(183, 231, 252); dark: rgb(0, 48, 65); wireframe: rgb(216, 224, 242) |
No |
- |
- |
| cyan-400 |
- |
light: rgb(138, 213, 255); dark: rgb(0, 64, 88); wireframe: rgb(192, 205, 234) |
No |
- |
- |
| cyan-500 |
- |
light: rgb(92, 192, 255); dark: rgb(0, 82, 113); wireframe: rgb(164, 183, 225) |
No |
- |
- |
| cyan-600 |
- |
light: rgb(48, 167, 254); dark: rgb(3, 99, 140); wireframe: rgb(135, 160, 215) |
No |
- |
- |
| cyan-700 |
- |
light: rgb(29, 149, 231); dark: rgb(8, 115, 168); wireframe: rgb(113, 142, 208) |
No |
- |
- |
| cyan-800 |
- |
light: rgb(18, 134, 205); dark: rgb(13, 125, 186); wireframe: rgb(93, 127, 201) |
No |
- |
- |
| cyan-900 |
- |
light: rgb(11, 120, 179); dark: rgb(24, 142, 220); wireframe: rgb(74, 111, 195) |
No |
- |
- |
| cyan-1000 |
- |
light: rgb(4, 102, 145); dark: rgb(38, 159, 244); wireframe: rgb(61, 94, 165) |
No |
- |
- |
| cyan-1100 |
- |
light: rgb(0, 87, 121); dark: rgb(63, 177, 255); wireframe: rgb(52, 79, 140) |
No |
- |
- |
| cyan-1200 |
- |
light: rgb(0, 71, 98); dark: rgb(107, 199, 255); wireframe: rgb(42, 65, 114) |
No |
- |
- |
| cyan-1300 |
- |
light: rgb(0, 57, 78); dark: rgb(152, 219, 255); wireframe: rgb(34, 51, 91) |
No |
- |
- |
| cyan-1400 |
- |
light: rgb(0, 43, 59); dark: rgb(195, 236, 252); wireframe: rgb(25, 39, 69) |
No |
- |
- |
| cyan-1500 |
- |
dark: rgb(230, 248, 253); light: rgb(0, 31, 43); wireframe: rgb(18, 27, 48) |
No |
- |
- |
| cyan-1600 |
- |
dark: rgb(255, 255, 255); light: rgb(0, 14, 20); wireframe: rgb(8, 12, 22) |
No |
- |
- |
| indigo-100 |
- |
light: rgb(247, 248, 255); dark: rgb(30, 0, 93); wireframe: rgb(246, 248, 252) |
No |
- |
- |
| indigo-200 |
- |
light: rgb(235, 238, 255); dark: rgb(35, 0, 110); wireframe: rgb(235, 239, 248) |
No |
- |
- |
| indigo-300 |
- |
light: rgb(216, 222, 255); dark: rgb(47, 0, 140); wireframe: rgb(216, 224, 242) |
No |
- |
- |
| indigo-400 |
- |
light: rgb(192, 201, 255); dark: rgb(62, 12, 174); wireframe: rgb(192, 205, 234) |
No |
- |
- |
| indigo-500 |
- |
light: rgb(167, 178, 255); dark: rgb(79, 30, 209); wireframe: rgb(164, 183, 225) |
No |
- |
- |
| indigo-600 |
- |
light: rgb(145, 151, 254); dark: rgb(95, 52, 235); wireframe: rgb(135, 160, 215) |
No |
- |
- |
| indigo-700 |
- |
light: rgb(132, 128, 254); dark: rgb(109, 75, 248); wireframe: rgb(113, 142, 208) |
No |
- |
- |
| indigo-800 |
- |
light: rgb(122, 106, 253); dark: rgb(116, 91, 252); wireframe: rgb(93, 127, 201) |
No |
- |
- |
| indigo-900 |
- |
light: rgb(113, 85, 250); dark: rgb(128, 119, 254); wireframe: rgb(74, 111, 195) |
No |
- |
- |
| indigo-1000 |
- |
light: rgb(99, 56, 238); dark: rgb(139, 141, 254); wireframe: rgb(61, 94, 165) |
No |
- |
- |
| indigo-1100 |
- |
light: rgb(84, 36, 219); dark: rgb(153, 161, 255); wireframe: rgb(52, 79, 140) |
No |
- |
- |
| indigo-1200 |
- |
light: rgb(69, 19, 191); dark: rgb(176, 186, 255); wireframe: rgb(42, 65, 114) |
No |
- |
- |
| indigo-1300 |
- |
light: rgb(55, 6, 160); dark: rgb(199, 208, 255); wireframe: rgb(34, 51, 91) |
No |
- |
- |
| indigo-1400 |
- |
light: rgb(42, 0, 129); dark: rgb(223, 228, 255); wireframe: rgb(25, 39, 69) |
No |
- |
- |
| indigo-1500 |
- |
dark: rgb(243, 244, 255); light: rgb(31, 0, 98); wireframe: rgb(18, 27, 48) |
No |
- |
- |
| indigo-1600 |
- |
dark: rgb(255, 255, 255); light: rgb(17, 0, 54); wireframe: rgb(8, 12, 22) |
No |
- |
- |
| purple-100 |
- |
light: rgb(251, 247, 254); dark: rgb(41, 0, 79); wireframe: rgb(246, 248, 252) |
No |
- |
- |
| purple-200 |
- |
light: rgb(244, 235, 252); dark: rgb(50, 0, 96); wireframe: rgb(235, 239, 248) |
No |
- |
- |
| purple-300 |
- |
light: rgb(235, 218, 249); dark: rgb(64, 0, 122); wireframe: rgb(216, 224, 242) |
No |
- |
- |
| purple-400 |
- |
light: rgb(221, 193, 246); dark: rgb(83, 0, 159); wireframe: rgb(192, 205, 234) |
No |
- |
- |
| purple-500 |
- |
light: rgb(208, 167, 243); dark: rgb(107, 6, 195); wireframe: rgb(164, 183, 225) |
No |
- |
- |
| purple-600 |
- |
light: rgb(191, 138, 238); dark: rgb(130, 34, 215); wireframe: rgb(135, 160, 215) |
No |
- |
- |
| purple-700 |
- |
light: rgb(178, 114, 235); dark: rgb(148, 62, 224); wireframe: rgb(113, 142, 208) |
No |
- |
- |
| purple-800 |
- |
light: rgb(166, 92, 231); dark: rgb(157, 78, 228); wireframe: rgb(93, 127, 201) |
No |
- |
- |
| purple-900 |
- |
light: rgb(154, 71, 226); dark: rgb(173, 105, 233); wireframe: rgb(74, 111, 195) |
No |
- |
- |
| purple-1000 |
- |
light: rgb(134, 40, 217); dark: rgb(186, 127, 237); wireframe: rgb(61, 94, 165) |
No |
- |
- |
| purple-1100 |
- |
light: rgb(115, 13, 204); dark: rgb(197, 149, 240); wireframe: rgb(52, 79, 140) |
No |
- |
- |
| purple-1200 |
- |
light: rgb(93, 0, 177); dark: rgb(212, 176, 244); wireframe: rgb(42, 65, 114) |
No |
- |
- |
| purple-1300 |
- |
light: rgb(75, 0, 144); dark: rgb(225, 201, 247); wireframe: rgb(34, 51, 91) |
No |
- |
- |
| purple-1400 |
- |
light: rgb(59, 0, 111); dark: rgb(238, 224, 250); wireframe: rgb(25, 39, 69) |
No |
- |
- |
| purple-1500 |
- |
dark: rgb(248, 243, 253); light: rgb(44, 0, 84); wireframe: rgb(18, 27, 48) |
No |
- |
- |
| purple-1600 |
- |
dark: rgb(255, 255, 255); light: rgb(23, 0, 45); wireframe: rgb(8, 12, 22) |
No |
- |
- |
| fuchsia-100 |
- |
light: rgb(254, 246, 255); dark: rgb(50, 0, 61); wireframe: rgb(246, 248, 252) |
No |
- |
- |
| fuchsia-200 |
- |
light: rgb(253, 233, 255); dark: rgb(61, 0, 74); wireframe: rgb(235, 239, 248) |
No |
- |
- |
| fuchsia-300 |
- |
light: rgb(250, 211, 255); dark: rgb(79, 0, 95); wireframe: rgb(216, 224, 242) |
No |
- |
- |
| fuchsia-400 |
- |
light: rgb(247, 181, 255); dark: rgb(102, 9, 120); wireframe: rgb(192, 205, 234) |
No |
- |
- |
| fuchsia-500 |
- |
light: rgb(243, 147, 255); dark: rgb(127, 23, 146); wireframe: rgb(164, 183, 225) |
No |
- |
- |
| fuchsia-600 |
- |
light: rgb(236, 105, 255); dark: rgb(151, 38, 170); wireframe: rgb(135, 160, 215) |
No |
- |
- |
| fuchsia-700 |
- |
light: rgb(223, 77, 245); dark: rgb(173, 51, 192); wireframe: rgb(113, 142, 208) |
No |
- |
- |
| fuchsia-800 |
- |
light: rgb(200, 68, 220); dark: rgb(186, 60, 206); wireframe: rgb(93, 127, 201) |
No |
- |
- |
| fuchsia-900 |
- |
light: rgb(181, 57, 200); dark: rgb(213, 73, 235); wireframe: rgb(74, 111, 195) |
No |
- |
- |
| fuchsia-1000 |
- |
light: rgb(156, 40, 175); dark: rgb(232, 91, 253); wireframe: rgb(61, 94, 165) |
No |
- |
- |
| fuchsia-1100 |
- |
light: rgb(135, 27, 154); dark: rgb(240, 122, 255); wireframe: rgb(52, 79, 140) |
No |
- |
- |
| fuchsia-1200 |
- |
light: rgb(113, 15, 131); dark: rgb(245, 159, 255); wireframe: rgb(42, 65, 114) |
No |
- |
- |
| fuchsia-1300 |
- |
light: rgb(92, 4, 109); dark: rgb(248, 191, 255); wireframe: rgb(34, 51, 91) |
No |
- |
- |
| fuchsia-1400 |
- |
light: rgb(72, 0, 88); dark: rgb(251, 219, 255); wireframe: rgb(25, 39, 69) |
No |
- |
- |
| fuchsia-1500 |
- |
dark: rgb(253, 241, 255); light: rgb(54, 0, 66); wireframe: rgb(18, 27, 48) |
No |
- |
- |
| fuchsia-1600 |
- |
dark: rgb(255, 255, 255); light: rgb(29, 0, 35); wireframe: rgb(8, 12, 22) |
No |
- |
- |
| magenta-100 |
- |
light: rgb(255, 245, 248); dark: rgb(59, 0, 22); wireframe: rgb(246, 248, 252) |
No |
- |
- |
| magenta-200 |
- |
light: rgb(255, 232, 240); dark: rgb(74, 0, 27); wireframe: rgb(235, 239, 248) |
No |
- |
- |
| magenta-300 |
- |
light: rgb(255, 213, 227); dark: rgb(93, 0, 34); wireframe: rgb(216, 224, 242) |
No |
- |
- |
| magenta-400 |
- |
light: rgb(255, 185, 208); dark: rgb(123, 0, 45); wireframe: rgb(192, 205, 234) |
No |
- |
- |
| magenta-500 |
- |
light: rgb(255, 152, 187); dark: rgb(152, 7, 60); wireframe: rgb(164, 183, 225) |
No |
- |
- |
| magenta-600 |
- |
light: rgb(255, 112, 159); dark: rgb(181, 19, 76); wireframe: rgb(135, 160, 215) |
No |
- |
- |
| magenta-700 |
- |
light: rgb(255, 72, 133); dark: rgb(207, 31, 92); wireframe: rgb(113, 142, 208) |
No |
- |
- |
| magenta-800 |
- |
light: rgb(240, 45, 110); dark: rgb(224, 38, 101); wireframe: rgb(93, 127, 201) |
No |
- |
- |
| magenta-900 |
- |
light: rgb(217, 35, 97); dark: rgb(255, 51, 119); wireframe: rgb(74, 111, 195) |
No |
- |
- |
| magenta-1000 |
- |
light: rgb(186, 22, 80); dark: rgb(255, 96, 149); wireframe: rgb(61, 94, 165) |
No |
- |
- |
| magenta-1100 |
- |
light: rgb(163, 5, 62); dark: rgb(255, 128, 171); wireframe: rgb(52, 79, 140) |
No |
- |
- |
| magenta-1200 |
- |
light: rgb(136, 0, 51); dark: rgb(255, 163, 194); wireframe: rgb(42, 65, 114) |
No |
- |
- |
| magenta-1300 |
- |
light: rgb(111, 0, 40); dark: rgb(255, 193, 214); wireframe: rgb(34, 51, 91) |
No |
- |
- |
| magenta-1400 |
- |
light: rgb(86, 0, 30); dark: rgb(255, 220, 232); wireframe: rgb(25, 39, 69) |
No |
- |
- |
| magenta-1500 |
- |
dark: rgb(255, 241, 246); light: rgb(64, 0, 22); wireframe: rgb(18, 27, 48) |
No |
- |
- |
| magenta-1600 |
- |
dark: rgb(255, 255, 255); light: rgb(35, 0, 12); wireframe: rgb(8, 12, 22) |
No |
- |
- |
| pink-100 |
- |
dark: rgb(58, 0, 37); light: rgb(255, 246, 252); wireframe: rgb(246, 248, 252) |
No |
- |
- |
| pink-200 |
- |
dark: rgb(71, 0, 44); light: rgb(255, 232, 247); wireframe: rgb(235, 239, 248) |
No |
- |
- |
| pink-300 |
- |
dark: rgb(90, 0, 57); light: rgb(255, 211, 240); wireframe: rgb(216, 224, 242) |
No |
- |
- |
| pink-400 |
- |
dark: rgb(115, 7, 75); light: rgb(255, 181, 230); wireframe: rgb(192, 205, 234) |
No |
- |
- |
| pink-500 |
- |
dark: rgb(143, 18, 97); light: rgb(255, 148, 219); wireframe: rgb(164, 183, 225) |
No |
- |
- |
| pink-600 |
- |
dark: rgb(171, 29, 119); light: rgb(255, 103, 204); wireframe: rgb(135, 160, 215) |
No |
- |
- |
| pink-700 |
- |
dark: rgb(196, 39, 138); light: rgb(242, 76, 184); wireframe: rgb(113, 142, 208) |
No |
- |
- |
| pink-800 |
- |
dark: rgb(213, 45, 151); light: rgb(228, 52, 163); wireframe: rgb(93, 127, 201) |
No |
- |
- |
| pink-900 |
- |
dark: rgb(236, 67, 175); light: rgb(206, 42, 146); wireframe: rgb(74, 111, 195) |
No |
- |
- |
| pink-1000 |
- |
dark: rgb(251, 90, 196); light: rgb(176, 31, 123); wireframe: rgb(61, 94, 165) |
No |
- |
- |
| pink-1100 |
- |
dark: rgb(255, 122, 210); light: rgb(152, 22, 104); wireframe: rgb(52, 79, 140) |
No |
- |
- |
| pink-1200 |
- |
dark: rgb(255, 159, 223); light: rgb(128, 12, 85); wireframe: rgb(42, 65, 114) |
No |
- |
- |
| pink-1300 |
- |
dark: rgb(255, 191, 234); light: rgb(105, 3, 68); wireframe: rgb(34, 51, 91) |
No |
- |
- |
| pink-1400 |
- |
dark: rgb(255, 219, 243); light: rgb(83, 0, 53); wireframe: rgb(25, 39, 69) |
No |
- |
- |
| pink-1500 |
- |
dark: rgb(255, 241, 250); light: rgb(62, 0, 39); wireframe: rgb(18, 27, 48) |
No |
- |
- |
| pink-1600 |
- |
dark: rgb(255, 255, 255); light: rgb(33, 0, 21); wireframe: rgb(8, 12, 22) |
No |
- |
- |
| turquoise-100 |
- |
dark: rgb(0, 30, 33); light: rgb(238, 251, 251); wireframe: rgb(246, 248, 252) |
No |
- |
- |
| turquoise-200 |
- |
dark: rgb(0, 37, 41); light: rgb(209, 245, 245); wireframe: rgb(235, 239, 248) |
No |
- |
- |
| turquoise-300 |
- |
dark: rgb(0, 49, 54); light: rgb(169, 236, 237); wireframe: rgb(216, 224, 242) |
No |
- |
- |
| turquoise-400 |
- |
dark: rgb(0, 66, 72); light: rgb(111, 221, 228); wireframe: rgb(192, 205, 234) |
No |
- |
- |
| turquoise-500 |
- |
dark: rgb(3, 84, 92); light: rgb(39, 202, 216); wireframe: rgb(164, 183, 225) |
No |
- |
- |
| turquoise-600 |
- |
dark: rgb(5, 103, 112); light: rgb(15, 177, 192); wireframe: rgb(135, 160, 215) |
No |
- |
- |
| turquoise-700 |
- |
dark: rgb(7, 120, 131); light: rgb(12, 158, 171); wireframe: rgb(113, 142, 208) |
No |
- |
- |
| turquoise-800 |
- |
dark: rgb(9, 131, 142); light: rgb(10, 141, 153); wireframe: rgb(93, 127, 201) |
No |
- |
- |
| turquoise-900 |
- |
dark: rgb(11, 151, 164); light: rgb(8, 126, 137); wireframe: rgb(74, 111, 195) |
No |
- |
- |
| turquoise-1000 |
- |
dark: rgb(13, 168, 182); light: rgb(5, 107, 116); wireframe: rgb(61, 94, 165) |
No |
- |
- |
| turquoise-1100 |
- |
dark: rgb(16, 186, 202); light: rgb(3, 90, 98); wireframe: rgb(52, 79, 140) |
No |
- |
- |
| turquoise-1200 |
- |
dark: rgb(64, 208, 220); light: rgb(1, 74, 81); wireframe: rgb(42, 65, 114) |
No |
- |
- |
| turquoise-1300 |
- |
dark: rgb(128, 225, 231); light: rgb(0, 59, 65); wireframe: rgb(34, 51, 91) |
No |
- |
- |
| turquoise-1400 |
- |
dark: rgb(183, 240, 240); light: rgb(0, 44, 49); wireframe: rgb(25, 39, 69) |
No |
- |
- |
| turquoise-1500 |
- |
dark: rgb(228, 249, 249); light: rgb(0, 32, 35); wireframe: rgb(18, 27, 48) |
No |
- |
- |
| turquoise-1600 |
- |
dark: rgb(255, 255, 255); light: rgb(0, 15, 17); wireframe: rgb(8, 12, 22) |
No |
- |
- |
| brown-100 |
- |
dark: rgb(35, 24, 8); light: rgb(252, 247, 242); wireframe: rgb(246, 248, 252) |
No |
- |
- |
| brown-200 |
- |
dark: rgb(44, 31, 11); light: rgb(247, 238, 225); wireframe: rgb(235, 239, 248) |
No |
- |
- |
| brown-300 |
- |
dark: rgb(58, 40, 14); light: rgb(239, 221, 195); wireframe: rgb(216, 224, 242) |
No |
- |
- |
| brown-400 |
- |
dark: rgb(78, 55, 19); light: rgb(229, 200, 157); wireframe: rgb(192, 205, 234) |
No |
- |
- |
| brown-500 |
- |
dark: rgb(98, 71, 30); light: rgb(214, 177, 123); wireframe: rgb(164, 183, 225) |
No |
- |
- |
| brown-600 |
- |
dark: rgb(115, 88, 47); light: rgb(190, 155, 104); wireframe: rgb(135, 160, 215) |
No |
- |
- |
| brown-700 |
- |
dark: rgb(132, 104, 61); light: rgb(171, 138, 90); wireframe: rgb(113, 142, 208) |
No |
- |
- |
| brown-800 |
- |
dark: rgb(143, 114, 69); light: rgb(154, 123, 77); wireframe: rgb(93, 127, 201) |
No |
- |
- |
| brown-900 |
- |
dark: rgb(163, 132, 84); light: rgb(139, 109, 66); wireframe: rgb(74, 111, 195) |
No |
- |
- |
| brown-1000 |
- |
dark: rgb(181, 147, 98); light: rgb(119, 91, 50); wireframe: rgb(61, 94, 165) |
No |
- |
- |
| brown-1100 |
- |
dark: rgb(199, 163, 112); light: rgb(103, 76, 35); wireframe: rgb(52, 79, 140) |
No |
- |
- |
| brown-1200 |
- |
dark: rgb(222, 185, 130); light: rgb(88, 61, 21); wireframe: rgb(42, 65, 114) |
No |
- |
- |
| brown-1300 |
- |
dark: rgb(232, 207, 169); light: rgb(70, 49, 17); wireframe: rgb(34, 51, 91) |
No |
- |
- |
| brown-1400 |
- |
dark: rgb(242, 227, 206); light: rgb(52, 37, 13); wireframe: rgb(25, 39, 69) |
No |
- |
- |
| brown-1500 |
- |
dark: rgb(250, 244, 236); light: rgb(38, 26, 9); wireframe: rgb(18, 27, 48) |
No |
- |
- |
| brown-1600 |
- |
dark: rgb(255, 255, 255); light: rgb(16, 12, 4); wireframe: rgb(8, 12, 22) |
No |
- |
- |
| silver-100 |
- |
dark: rgb(26, 26, 26); light: rgb(247, 247, 247); wireframe: rgb(246, 248, 252) |
No |
- |
- |
| silver-200 |
- |
dark: rgb(33, 33, 33); light: rgb(239, 239, 239); wireframe: rgb(235, 239, 248) |
No |
- |
- |
| silver-300 |
- |
dark: rgb(44, 44, 44); light: rgb(223, 223, 223); wireframe: rgb(216, 224, 242) |
No |
- |
- |
| silver-400 |
- |
dark: rgb(59, 59, 59); light: rgb(204, 204, 204); wireframe: rgb(192, 205, 234) |
No |
- |
- |
| silver-500 |
- |
dark: rgb(76, 76, 76); light: rgb(183, 183, 183); wireframe: rgb(164, 183, 225) |
No |
- |
- |
| silver-600 |
- |
dark: rgb(92, 92, 92); light: rgb(160, 160, 160); wireframe: rgb(135, 160, 215) |
No |
- |
- |
| silver-700 |
- |
dark: rgb(108, 108, 108); light: rgb(143, 143, 143); wireframe: rgb(113, 142, 208) |
No |
- |
- |
| silver-800 |
- |
dark: rgb(118, 118, 118); light: rgb(128, 128, 128); wireframe: rgb(93, 127, 201) |
No |
- |
- |
| silver-900 |
- |
dark: rgb(137, 137, 137); light: rgb(114, 114, 114); wireframe: rgb(74, 111, 195) |
No |
- |
- |
| silver-1000 |
- |
dark: rgb(152, 152, 152); light: rgb(96, 96, 96); wireframe: rgb(61, 94, 165) |
No |
- |
- |
| silver-1100 |
- |
dark: rgb(169, 169, 169); light: rgb(81, 81, 81); wireframe: rgb(52, 79, 140) |
No |
- |
- |
| silver-1200 |
- |
dark: rgb(190, 190, 190); light: rgb(66, 66, 66); wireframe: rgb(42, 65, 114) |
No |
- |
- |
| silver-1300 |
- |
dark: rgb(211, 211, 211); light: rgb(52, 52, 52); wireframe: rgb(34, 51, 91) |
No |
- |
- |
| silver-1400 |
- |
dark: rgb(229, 229, 229); light: rgb(39, 39, 39); wireframe: rgb(25, 39, 69) |
No |
- |
- |
| silver-1500 |
- |
dark: rgb(244, 244, 244); light: rgb(28, 28, 28); wireframe: rgb(18, 27, 48) |
No |
- |
- |
| silver-1600 |
- |
dark: rgb(255, 255, 255); light: rgb(12, 12, 12); wireframe: rgb(8, 12, 22) |
No |
- |
- |
| cinnamon-100 |
- |
dark: rgb(48, 17, 4); light: rgb(253, 247, 243); wireframe: rgb(246, 248, 252) |
No |
- |
- |
| cinnamon-200 |
- |
dark: rgb(59, 21, 5); light: rgb(249, 236, 229); wireframe: rgb(235, 239, 248) |
No |
- |
- |
| cinnamon-300 |
- |
dark: rgb(79, 28, 7); light: rgb(244, 218, 203); wireframe: rgb(216, 224, 242) |
No |
- |
- |
| cinnamon-400 |
- |
dark: rgb(100, 41, 15); light: rgb(237, 196, 172); wireframe: rgb(192, 205, 234) |
No |
- |
- |
| cinnamon-500 |
- |
dark: rgb(122, 57, 28); light: rgb(229, 170, 136); wireframe: rgb(164, 183, 225) |
No |
- |
- |
| cinnamon-600 |
- |
dark: rgb(143, 74, 40); light: rgb(212, 145, 108); wireframe: rgb(135, 160, 215) |
No |
- |
- |
| cinnamon-700 |
- |
dark: rgb(163, 88, 52); light: rgb(198, 126, 88); wireframe: rgb(113, 142, 208) |
No |
- |
- |
| cinnamon-800 |
- |
dark: rgb(176, 98, 59); light: rgb(184, 109, 70); wireframe: rgb(93, 127, 201) |
No |
- |
- |
| cinnamon-900 |
- |
dark: rgb(192, 119, 80); light: rgb(170, 94, 56); wireframe: rgb(74, 111, 195) |
No |
- |
- |
| cinnamon-1000 |
- |
dark: rgb(206, 136, 99); light: rgb(147, 77, 43); wireframe: rgb(61, 94, 165) |
No |
- |
- |
| cinnamon-1100 |
- |
dark: rgb(220, 154, 118); light: rgb(128, 62, 32); wireframe: rgb(52, 79, 140) |
No |
- |
- |
| cinnamon-1200 |
- |
dark: rgb(232, 179, 149); light: rgb(110, 48, 21); wireframe: rgb(42, 65, 114) |
No |
- |
- |
| cinnamon-1300 |
- |
dark: rgb(239, 203, 183); light: rgb(92, 35, 11); wireframe: rgb(34, 51, 91) |
No |
- |
- |
| cinnamon-1400 |
- |
dark: rgb(246, 225, 214); light: rgb(72, 25, 6); wireframe: rgb(25, 39, 69) |
No |
- |
- |
| cinnamon-1500 |
- |
dark: rgb(252, 244, 239); light: rgb(52, 18, 4); wireframe: rgb(18, 27, 48) |
No |
- |
- |
| cinnamon-1600 |
- |
dark: rgb(255, 255, 255); light: rgb(24, 8, 2); wireframe: rgb(8, 12, 22) |
No |
- |
- |
| static-blue-900 |
rgb(59, 99, 251) |
rgb(59, 99, 251) |
No |
- |
- |
| static-blue-1000 |
rgb(39, 77, 234) |
rgb(39, 77, 234) |
No |
- |
- |
| static-fuchsia-400 |
rgb(247, 181, 255) |
rgb(247, 181, 255) |
No |
- |
- |
| static-fuchsia-600 |
rgb(236, 105, 255) |
rgb(236, 105, 255) |
No |
- |
- |
| static-fuchsia-800 |
rgb(200, 68, 220) |
rgb(200, 68, 220) |
No |
- |
- |
| static-fuchsia-900 |
rgb(181, 57, 200) |
rgb(181, 57, 200) |
No |
- |
- |
| static-fuchsia-1000 |
rgb(156, 40, 175) |
rgb(156, 40, 175) |
No |
- |
- |
| static-indigo-400 |
rgb(192, 201, 255) |
rgb(192, 201, 255) |
No |
- |
- |
| static-indigo-600 |
rgb(145, 151, 254) |
rgb(145, 151, 254) |
No |
- |
- |
| static-indigo-800 |
rgb(122, 106, 253) |
rgb(122, 106, 253) |
No |
- |
- |
| static-indigo-900 |
rgb(113, 85, 250) |
rgb(113, 85, 250) |
No |
- |
- |
| static-indigo-1000 |
rgb(99, 56, 238) |
rgb(99, 56, 238) |
No |
- |
- |
| static-magenta-400 |
rgb(255, 185, 208) |
rgb(255, 185, 208) |
No |
- |
- |
| static-magenta-600 |
rgb(255, 112, 159) |
rgb(255, 112, 159) |
No |
- |
- |
| static-magenta-800 |
rgb(240, 45, 110) |
rgb(240, 45, 110) |
No |
- |
- |
| static-magenta-900 |
rgb(217, 35, 97) |
rgb(217, 35, 97) |
No |
- |
- |
| static-magenta-1000 |
rgb(186, 22, 80) |
rgb(186, 22, 80) |
No |
- |
- |
| static-red-400 |
rgb(255, 188, 180) |
rgb(255, 188, 180) |
No |
- |
- |
| static-red-600 |
rgb(255, 118, 101) |
rgb(255, 118, 101) |
No |
- |
- |
| static-red-800 |
rgb(240, 56, 35) |
rgb(240, 56, 35) |
No |
- |
- |
| static-red-900 |
rgb(215, 50, 32) |
rgb(215, 50, 32) |
No |
- |
- |
| static-red-1000 |
rgb(183, 40, 24) |
rgb(183, 40, 24) |
No |
- |
- |
| static-cyan-400 |
rgb(138, 213, 255) |
rgb(138, 213, 255) |
No |
- |
- |
| static-cyan-600 |
rgb(48, 167, 254) |
rgb(48, 167, 254) |
No |
- |
- |
| static-cyan-800 |
rgb(18, 134, 205) |
rgb(18, 134, 205) |
No |
- |
- |
| static-chartreuse-400 |
rgb(182, 219, 0) |
rgb(182, 219, 0) |
No |
- |
- |
| static-chartreuse-600 |
rgb(143, 172, 0) |
rgb(143, 172, 0) |
No |
- |
- |
| static-chartreuse-800 |
rgb(114, 137, 0) |
rgb(114, 137, 0) |
No |
- |
- |
| static-green-400 |
rgb(107, 227, 162) |
rgb(107, 227, 162) |
No |
- |
- |
| static-green-600 |
rgb(18, 184, 103) |
rgb(18, 184, 103) |
No |
- |
- |
| static-green-800 |
rgb(7, 147, 85) |
rgb(7, 147, 85) |
No |
- |
- |
| static-orange-400 |
rgb(255, 193, 94) |
rgb(255, 193, 94) |
No |
- |
- |
| static-orange-600 |
rgb(252, 125, 0) |
rgb(252, 125, 0) |
No |
- |
- |
| static-orange-800 |
rgb(212, 91, 0) |
rgb(212, 91, 0) |
No |
- |
- |
| static-purple-400 |
rgb(221, 193, 246) |
rgb(221, 193, 246) |
No |
- |
- |
| static-purple-600 |
rgb(191, 138, 238) |
rgb(191, 138, 238) |
No |
- |
- |
| static-purple-800 |
rgb(166, 92, 231) |
rgb(166, 92, 231) |
No |
- |
- |
| static-turquoise-400 |
rgb(111, 221, 228) |
rgb(111, 221, 228) |
No |
- |
- |
| static-turquoise-600 |
rgb(15, 177, 192) |
rgb(15, 177, 192) |
No |
- |
- |
| static-turquoise-800 |
rgb(10, 141, 153) |
rgb(10, 141, 153) |
No |
- |
- |
| gradient-stop-1-avatar |
0 |
0 |
No |
- |
- |
| gradient-stop-2-avatar |
0.6666 |
0.6666 |
No |
- |
- |
| gradient-stop-3-avatar |
1 |
1 |
No |
- |
- |
Spectrum Design Data