npm package: @stremio/stremio-colors
Description: Color pallet for all stremio clients
Author: Smart Code Ltd.
Latest version: 5.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|