5.2.0 • Published 2 years ago
@stremio/stremio-colors v5.2.0
stremio-colors
PREVIEW | NAME | HSL | HEX |
---|---|---|---|
$$\Huge\textcolor{#A682C0}{\text{▇▇▇}}$$ | primary-light5 | hsl(275.1, 33%, 63%) | #A682C0 |
$$\Huge\textcolor{#9A71B7}{\text{▇▇▇}}$$ | primary-light4 | hsl(275.1, 33%, 58%) | #9A71B7 |
$$\Huge\textcolor{#8E60AF}{\text{▇▇▇}}$$ | primary-light3 | hsl(275.1, 33%, 53%) | #8E60AF |
$$\Huge\textcolor{#8152A3}{\text{▇▇▇}}$$ | primary-light2 | hsl(275.1, 33%, 48%) | #8152A3 |
$$\Huge\textcolor{#744992}{\text{▇▇▇}}$$ | primary-light1 | hsl(275.1, 33%, 43%) | #744992 |
$$\Huge\textcolor{#664181}{\text{▇▇▇}}$$ | primary | hsl(275.1, 33%, 38%) | #664181 |
$$\Huge\textcolor{#593870}{\text{▇▇▇}}$$ | primary-dark1 | hsl(275.1, 33%, 33%) | #593870 |
$$\Huge\textcolor{#4B305F}{\text{▇▇▇}}$$ | primary-dark2 | hsl(275.1, 33%, 28%) | #4B305F |
$$\Huge\textcolor{#3E274E}{\text{▇▇▇}}$$ | primary-dark3 | hsl(275.1, 33%, 23%) | #3E274E |
$$\Huge\textcolor{#301F3D}{\text{▇▇▇}}$$ | primary-dark4 | hsl(275.1, 33%, 18%) | #301F3D |
$$\Huge\textcolor{#23162C}{\text{▇▇▇}}$$ | primary-dark5 | hsl(275.1, 33%, 13%) | #23162C |
$$\Huge\textcolor{#E1CEEE}{\text{▇▇▇}}$$ | primaryvariant1-light5 | hsl(276.8, 48%, 87%) | #E1CEEE |
$$\Huge\textcolor{#D6BBE7}{\text{▇▇▇}}$$ | primaryvariant1-light4 | hsl(276.8, 48%, 82%) | #D6BBE7 |
$$\Huge\textcolor{#CBA8E1}{\text{▇▇▇}}$$ | primaryvariant1-light3 | hsl(276.8, 48%, 77%) | #CBA8E1 |
$$\Huge\textcolor{#BF95DA}{\text{▇▇▇}}$$ | primaryvariant1-light2 | hsl(276.8, 48%, 72%) | #BF95DA |
$$\Huge\textcolor{#B482D3}{\text{▇▇▇}}$$ | primaryvariant1-light1 | hsl(276.8, 48%, 67%) | #B482D3 |
$$\Huge\textcolor{#A970CD}{\text{▇▇▇}}$$ | primaryvariant1 | hsl(276.8, 48%, 62%) | #A970CD |
$$\Huge\textcolor{#9D5DC6}{\text{▇▇▇}}$$ | primaryvariant1-dark1 | hsl(276.8, 48%, 57%) | #9D5DC6 |
$$\Huge\textcolor{#924ABF}{\text{▇▇▇}}$$ | primaryvariant1-dark2 | hsl(276.8, 48%, 52%) | #924ABF |
$$\Huge\textcolor{#853EB1}{\text{▇▇▇}}$$ | primaryvariant1-dark3 | hsl(276.8, 48%, 47%) | #853EB1 |
$$\Huge\textcolor{#77389F}{\text{▇▇▇}}$$ | primaryvariant1-dark4 | hsl(276.8, 48%, 42%) | #77389F |
$$\Huge\textcolor{#69318C}{\text{▇▇▇}}$$ | primaryvariant1-dark5 | hsl(276.8, 48%, 37%) | #69318C |
$$\Huge\textcolor{#7A8AC2}{\text{▇▇▇}}$$ | secondary-light5 | hsl(226.6, 37.2%, 61.9%) | #7A8AC2 |
$$\Huge\textcolor{#687ABA}{\text{▇▇▇}}$$ | secondary-light4 | hsl(226.6, 37.2%, 56.9%) | #687ABA |
$$\Huge\textcolor{#576BB2}{\text{▇▇▇}}$$ | secondary-light3 | hsl(226.6, 37.2%, 51.9%) | #576BB2 |
$$\Huge\textcolor{#4B5FA4}{\text{▇▇▇}}$$ | secondary-light2 | hsl(226.6, 37.2%, 46.9%) | #4B5FA4 |
$$\Huge\textcolor{#435593}{\text{▇▇▇}}$$ | secondary-light1 | hsl(226.6, 37.2%, 41.9%) | #435593 |
$$\Huge\textcolor{#3B4B81}{\text{▇▇▇}}$$ | secondary | hsl(226.6, 37.2%, 36.9%) | #3B4B81 |
$$\Huge\textcolor{#334170}{\text{▇▇▇}}$$ | secondary-dark1 | hsl(226.6, 37.2%, 31.9%) | #334170 |
$$\Huge\textcolor{#2B365E}{\text{▇▇▇}}$$ | secondary-dark2 | hsl(226.6, 37.2%, 26.9%) | #2B365E |
$$\Huge\textcolor{#232C4D}{\text{▇▇▇}}$$ | secondary-dark3 | hsl(226.6, 37.2%, 21.9%) | #232C4D |
$$\Huge\textcolor{#1B223B}{\text{▇▇▇}}$$ | secondary-dark4 | hsl(226.6, 37.2%, 16.9%) | #1B223B |
$$\Huge\textcolor{#13182A}{\text{▇▇▇}}$$ | secondary-dark5 | hsl(226.6, 37.2%, 11.9%) | #13182A |
$$\Huge\textcolor{#DEE3F2}{\text{▇▇▇}}$$ | secondaryvariant1-light5 | hsl(224.3, 42.1%, 91%) | #DEE3F2 |
$$\Huge\textcolor{#CCD4EA}{\text{▇▇▇}}$$ | secondaryvariant1-light4 | hsl(224.3, 42.1%, 86%) | #CCD4EA |
$$\Huge\textcolor{#BAC5E3}{\text{▇▇▇}}$$ | secondaryvariant1-light3 | hsl(224.3, 42.1%, 81%) | #BAC5E3 |
$$\Huge\textcolor{#A8B6DC}{\text{▇▇▇}}$$ | secondaryvariant1-light2 | hsl(224.3, 42.1%, 76%) | #A8B6DC |
$$\Huge\textcolor{#96A6D4}{\text{▇▇▇}}$$ | secondaryvariant1-light1 | hsl(224.3, 42.1%, 71%) | #96A6D4 |
$$\Huge\textcolor{#8497CD}{\text{▇▇▇}}$$ | secondaryvariant1 | hsl(224.3, 42.1%, 66%) | #8497CD |
$$\Huge\textcolor{#7288C5}{\text{▇▇▇}}$$ | secondaryvariant1-dark1 | hsl(224.3, 42.1%, 61%) | #7288C5 |
$$\Huge\textcolor{#6078BE}{\text{▇▇▇}}$$ | secondaryvariant1-dark2 | hsl(224.3, 42.1%, 56%) | #6078BE |
$$\Huge\textcolor{#4D69B7}{\text{▇▇▇}}$$ | secondaryvariant1-dark3 | hsl(224.3, 42.1%, 51%) | #4D69B7 |
$$\Huge\textcolor{#445EA7}{\text{▇▇▇}}$$ | secondaryvariant1-dark4 | hsl(224.3, 42.1%, 46%) | #445EA7 |
$$\Huge\textcolor{#3D5495}{\text{▇▇▇}}$$ | secondaryvariant1-dark5 | hsl(224.3, 42.1%, 41%) | #3D5495 |
$$\Huge\textcolor{#F5F8FF}{\text{▇▇▇}}$$ | secondaryvariant2-light5 | hsl(222.8, 100%, 98%) | #F5F8FF |
$$\Huge\textcolor{#DBE6FF}{\text{▇▇▇}}$$ | secondaryvariant2-light4 | hsl(222.8, 100%, 93%) | #DBE6FF |
$$\Huge\textcolor{#C2D3FF}{\text{▇▇▇}}$$ | secondaryvariant2-light3 | hsl(222.8, 100%, 88%) | #C2D3FF |
$$\Huge\textcolor{#A8C1FF}{\text{▇▇▇}}$$ | secondaryvariant2-light2 | hsl(222.8, 100%, 83%) | #A8C1FF |
$$\Huge\textcolor{#8FAFFF}{\text{▇▇▇}}$$ | secondaryvariant2-light1 | hsl(222.8, 100%, 78%) | #8FAFFF |
$$\Huge\textcolor{#759DFF}{\text{▇▇▇}}$$ | secondaryvariant2 | hsl(222.8, 100%, 73%) | #759DFF |
$$\Huge\textcolor{#5C8BFF}{\text{▇▇▇}}$$ | secondaryvariant2-dark1 | hsl(222.8, 100%, 68%) | #5C8BFF |
$$\Huge\textcolor{#4278FF}{\text{▇▇▇}}$$ | secondaryvariant2-dark2 | hsl(222.8, 100%, 63%) | #4278FF |
$$\Huge\textcolor{#2966FF}{\text{▇▇▇}}$$ | secondaryvariant2-dark3 | hsl(222.8, 100%, 58%) | #2966FF |
$$\Huge\textcolor{#0F54FF}{\text{▇▇▇}}$$ | secondaryvariant2-dark4 | hsl(222.8, 100%, 53%) | #0F54FF |
$$\Huge\textcolor{#0046F5}{\text{▇▇▇}}$$ | secondaryvariant2-dark5 | hsl(222.8, 100%, 48%) | #0046F5 |
$$\Huge\textcolor{#5C5992}{\text{▇▇▇}}$$ | background-light5 | hsl(243, 24.4%, 46%) | #5C5992 |
$$\Huge\textcolor{#524F82}{\text{▇▇▇}}$$ | background-light4 | hsl(243, 24.4%, 41%) | #524F82 |
$$\Huge\textcolor{#484572}{\text{▇▇▇}}$$ | background-light3 | hsl(243, 24.4%, 36%) | #484572 |
$$\Huge\textcolor{#3E3C62}{\text{▇▇▇}}$$ | background-light2 | hsl(243, 24.4%, 31%) | #3E3C62 |
$$\Huge\textcolor{#343252}{\text{▇▇▇}}$$ | background-light1 | hsl(243, 24.4%, 26%) | #343252 |
$$\Huge\textcolor{#2A2843}{\text{▇▇▇}}$$ | background | hsl(243, 24.4%, 21%) | #2A2843 |
$$\Huge\textcolor{#201F33}{\text{▇▇▇}}$$ | background-dark1 | hsl(243, 24.4%, 16%) | #201F33 |
$$\Huge\textcolor{#161523}{\text{▇▇▇}}$$ | background-dark2 | hsl(243, 24.4%, 11%) | #161523 |
$$\Huge\textcolor{#0C0C13}{\text{▇▇▇}}$$ | background-dark3 | hsl(243, 24.4%, 6%) | #0C0C13 |
$$\Huge\textcolor{#020203}{\text{▇▇▇}}$$ | background-dark4 | hsl(243, 24.4%, 1%) | #020203 |
$$\Huge\textcolor{#000000}{\text{▇▇▇}}$$ | background-dark5 | hsl(243, 24.4%, 0%) | #000000 |
$$\Huge\textcolor{#FFFFFF}{\text{▇▇▇}}$$ | surface-light5 | hsl(0, 0%, 100%) | #FFFFFF |
$$\Huge\textcolor{#F2F2F2}{\text{▇▇▇}}$$ | surface-light4 | hsl(0, 0%, 95%) | #F2F2F2 |
$$\Huge\textcolor{#E6E6E6}{\text{▇▇▇}}$$ | surface-light3 | hsl(0, 0%, 90%) | #E6E6E6 |
$$\Huge\textcolor{#D9D9D9}{\text{▇▇▇}}$$ | surface-light2 | hsl(0, 0%, 85%) | #D9D9D9 |
$$\Huge\textcolor{#CCCCCC}{\text{▇▇▇}}$$ | surface-light1 | hsl(0, 0%, 80%) | #CCCCCC |
$$\Huge\textcolor{#BFBFBF}{\text{▇▇▇}}$$ | surface | hsl(0, 0%, 75%) | #BFBFBF |
$$\Huge\textcolor{#B3B3B3}{\text{▇▇▇}}$$ | surface-dark1 | hsl(0, 0%, 70%) | #B3B3B3 |
$$\Huge\textcolor{#A6A6A6}{\text{▇▇▇}}$$ | surface-dark2 | hsl(0, 0%, 65%) | #A6A6A6 |
$$\Huge\textcolor{#999999}{\text{▇▇▇}}$$ | surface-dark3 | hsl(0, 0%, 60%) | #999999 |
$$\Huge\textcolor{#8C8C8C}{\text{▇▇▇}}$$ | surface-dark4 | hsl(0, 0%, 55%) | #8C8C8C |
$$\Huge\textcolor{#808080}{\text{▇▇▇}}$$ | surface-dark5 | hsl(0, 0%, 50%) | #808080 |
$$\Huge\textcolor{#FFF0F0}{\text{▇▇▇}}$$ | accent1-light5 | hsl(0, 100%, 97%) | #FFF0F0 |
$$\Huge\textcolor{#FFD6D6}{\text{▇▇▇}}$$ | accent1-light4 | hsl(0, 100%, 92%) | #FFD6D6 |
$$\Huge\textcolor{#FFBDBD}{\text{▇▇▇}}$$ | accent1-light3 | hsl(0, 100%, 87%) | #FFBDBD |
$$\Huge\textcolor{#FFA3A3}{\text{▇▇▇}}$$ | accent1-light2 | hsl(0, 100%, 82%) | #FFA3A3 |
$$\Huge\textcolor{#FF8A8A}{\text{▇▇▇}}$$ | accent1-light1 | hsl(0, 100%, 77%) | #FF8A8A |
$$\Huge\textcolor{#FF7070}{\text{▇▇▇}}$$ | accent1 | hsl(0, 100%, 72%) | #FF7070 |
$$\Huge\textcolor{#FF5757}{\text{▇▇▇}}$$ | accent1-dark1 | hsl(0, 100%, 67%) | #FF5757 |
$$\Huge\textcolor{#FF3D3D}{\text{▇▇▇}}$$ | accent1-dark2 | hsl(0, 100%, 62%) | #FF3D3D |
$$\Huge\textcolor{#FF2424}{\text{▇▇▇}}$$ | accent1-dark3 | hsl(0, 100%, 57%) | #FF2424 |
$$\Huge\textcolor{#FF0A0A}{\text{▇▇▇}}$$ | accent1-dark4 | hsl(0, 100%, 52%) | #FF0A0A |
$$\Huge\textcolor{#F00000}{\text{▇▇▇}}$$ | accent1-dark5 | hsl(0, 100%, 47%) | #F00000 |
$$\Huge\textcolor{#F4B4A6}{\text{▇▇▇}}$$ | accent2-light5 | hsl(10.8, 78%, 80.5%) | #F4B4A6 |
$$\Huge\textcolor{#F1A190}{\text{▇▇▇}}$$ | accent2-light4 | hsl(10.8, 78%, 75.5%) | #F1A190 |
$$\Huge\textcolor{#EE8E79}{\text{▇▇▇}}$$ | accent2-light3 | hsl(10.8, 78%, 70.5%) | #EE8E79 |
$$\Huge\textcolor{#EC7B62}{\text{▇▇▇}}$$ | accent2-light2 | hsl(10.8, 78%, 65.5%) | #EC7B62 |
$$\Huge\textcolor{#E9684C}{\text{▇▇▇}}$$ | accent2-light1 | hsl(10.8, 78%, 60.5%) | #E9684C |
$$\Huge\textcolor{#E65535}{\text{▇▇▇}}$$ | accent2 | hsl(10.8, 78%, 55.5%) | #E65535 |
$$\Huge\textcolor{#E3421E}{\text{▇▇▇}}$$ | accent2-dark1 | hsl(10.8, 78%, 50.5%) | #E3421E |
$$\Huge\textcolor{#CF3A1A}{\text{▇▇▇}}$$ | accent2-dark2 | hsl(10.8, 78%, 45.5%) | #CF3A1A |
$$\Huge\textcolor{#B83417}{\text{▇▇▇}}$$ | accent2-dark3 | hsl(10.8, 78%, 40.5%) | #B83417 |
$$\Huge\textcolor{#A12D14}{\text{▇▇▇}}$$ | accent2-dark4 | hsl(10.8, 78%, 35.5%) | #A12D14 |
$$\Huge\textcolor{#8A2711}{\text{▇▇▇}}$$ | accent2-dark5 | hsl(10.8, 78%, 30.5%) | #8A2711 |
$$\Huge\textcolor{#70E4A6}{\text{▇▇▇}}$$ | accent3-light5 | hsl(147.7, 68%, 66.7%) | #70E4A6 |
$$\Huge\textcolor{#5BE098}{\text{▇▇▇}}$$ | accent3-light4 | hsl(147.7, 68%, 61.7%) | #5BE098 |
$$\Huge\textcolor{#46DC8B}{\text{▇▇▇}}$$ | accent3-light3 | hsl(147.7, 68%, 56.7%) | #46DC8B |
$$\Huge\textcolor{#30D87D}{\text{▇▇▇}}$$ | accent3-light2 | hsl(147.7, 68%, 51.7%) | #30D87D |
$$\Huge\textcolor{#26C871}{\text{▇▇▇}}$$ | accent3-light1 | hsl(147.7, 68%, 46.7%) | #26C871 |
$$\Huge\textcolor{#22B365}{\text{▇▇▇}}$$ | accent3 | hsl(147.7, 68%, 41.7%) | #22B365 |
$$\Huge\textcolor{#1E9D59}{\text{▇▇▇}}$$ | accent3-dark1 | hsl(147.7, 68%, 36.7%) | #1E9D59 |
$$\Huge\textcolor{#1A884D}{\text{▇▇▇}}$$ | accent3-dark2 | hsl(147.7, 68%, 31.7%) | #1A884D |
$$\Huge\textcolor{#167241}{\text{▇▇▇}}$$ | accent3-dark3 | hsl(147.7, 68%, 26.7%) | #167241 |
$$\Huge\textcolor{#125D34}{\text{▇▇▇}}$$ | accent3-dark4 | hsl(147.7, 68%, 21.7%) | #125D34 |
$$\Huge\textcolor{#0E4828}{\text{▇▇▇}}$$ | accent3-dark5 | hsl(147.7, 68%, 16.7%) | #0E4828 |
$$\Huge\textcolor{#7CF2CB}{\text{▇▇▇}}$$ | accent4-light5 | hsl(160, 81.5%, 71.8%) | #7CF2CB |
$$\Huge\textcolor{#65EFC1}{\text{▇▇▇}}$$ | accent4-light4 | hsl(160, 81.5%, 66.8%) | #65EFC1 |
$$\Huge\textcolor{#4EEDB8}{\text{▇▇▇}}$$ | accent4-light3 | hsl(160, 81.5%, 61.8%) | #4EEDB8 |
$$\Huge\textcolor{#37EBAF}{\text{▇▇▇}}$$ | accent4-light2 | hsl(160, 81.5%, 56.8%) | #37EBAF |
$$\Huge\textcolor{#20E8A5}{\text{▇▇▇}}$$ | accent4-light1 | hsl(160, 81.5%, 51.8%) | #20E8A5 |
$$\Huge\textcolor{#16D998}{\text{▇▇▇}}$$ | accent4 | hsl(160, 81.5%, 46.8%) | #16D998 |
$$\Huge\textcolor{#14C188}{\text{▇▇▇}}$$ | accent4-dark1 | hsl(160, 81.5%, 41.8%) | #14C188 |
$$\Huge\textcolor{#11AA77}{\text{▇▇▇}}$$ | accent4-dark2 | hsl(160, 81.5%, 36.8%) | #11AA77 |
$$\Huge\textcolor{#0F9367}{\text{▇▇▇}}$$ | accent4-dark3 | hsl(160, 81.5%, 31.8%) | #0F9367 |
$$\Huge\textcolor{#0D7C57}{\text{▇▇▇}}$$ | accent4-dark4 | hsl(160, 81.5%, 26.8%) | #0D7C57 |
$$\Huge\textcolor{#0A6547}{\text{▇▇▇}}$$ | accent4-dark5 | hsl(160, 81.5%, 21.8%) | #0A6547 |
$$\Huge\textcolor{#FFE098}{\text{▇▇▇}}$$ | accent5-light5 | hsl(42, 100%, 79.9%) | #FFE098 |
$$\Huge\textcolor{#FFD97F}{\text{▇▇▇}}$$ | accent5-light4 | hsl(42, 100%, 74.9%) | #FFD97F |
$$\Huge\textcolor{#FFD165}{\text{▇▇▇}}$$ | accent5-light3 | hsl(42, 100%, 69.9%) | #FFD165 |
$$\Huge\textcolor{#FFC94C}{\text{▇▇▇}}$$ | accent5-light2 | hsl(42, 100%, 64.9%) | #FFC94C |
$$\Huge\textcolor{#FFC232}{\text{▇▇▇}}$$ | accent5-light1 | hsl(42, 100%, 59.9%) | #FFC232 |
$$\Huge\textcolor{#FFBA19}{\text{▇▇▇}}$$ | accent5 | hsl(42, 100%, 54.9%) | #FFBA19 |
$$\Huge\textcolor{#FEB200}{\text{▇▇▇}}$$ | accent5-dark1 | hsl(42, 100%, 49.9%) | #FEB200 |
$$\Huge\textcolor{#E5A000}{\text{▇▇▇}}$$ | accent5-dark2 | hsl(42, 100%, 44.9%) | #E5A000 |
$$\Huge\textcolor{#CB8E00}{\text{▇▇▇}}$$ | accent5-dark3 | hsl(42, 100%, 39.9%) | #CB8E00 |
$$\Huge\textcolor{#B27D00}{\text{▇▇▇}}$$ | accent5-dark4 | hsl(42, 100%, 34.9%) | #B27D00 |
$$\Huge\textcolor{#986B00}{\text{▇▇▇}}$$ | accent5-dark5 | hsl(42, 100%, 29.9%) | #986B00 |