$$\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 |