Color palette

Blue

Gray

Green

Red

Black and White

Blue palette

Shade Preview Hex code CSS variable
Blue 900
#021D45 --ar-color-blue-900
Blue 800
#042475 --ar-color-blue-800
Blue 700
#224293 --ar-color-blue-700
Blue 600
#1B49BE --ar-color-blue-600
Blue 500
#1865D8 --ar-color-blue-500
Blue 500-90
rgb(24, 101, 216, 0.9) --ar-color-blue-500-90
Blue 400
#74A1F9 --ar-color-blue-400
Blue 300
#9BB7FF --ar-color-blue-300
Blue 200
#D3DFF4 --ar-color-blue-200
Blue 100
#EDF2FF --ar-color-blue-100
Blue 100-90
rgb(237, 242, 255, 0.9) --ar-color-blue-100-90

Gray palette

Shade Preview Hex code CSS variable
Gray 900
#1B1F26 --ar-color-gray-900
Gray 800
#2E353F --ar-color-gray-800
Gray 700
#404A58 --ar-color-gray-700
Gray 600
#5B697E --ar-color-gray-600
Gray 500
#9AA9C5 --ar-color-gray-500
Gray 400
#C9CDD8 --ar-color-gray-400
Gray 300
#D8DFE8 --ar-color-gray-300
Gray 200
#E6EAF2 --ar-color-gray-200
Gray 100
#F1F4FA --ar-color-gray-100
Gray 50
#F1F6FF --ar-color-gray-50

Green palette

Shade Preview Hex code CSS variable
Green 900
#04262F --ar-color-green-900
Green 800
#143137 --ar-color-green-800
Green 700
#284248 --ar-color-green-700
Green 600
#10434F --ar-color-green-600
Green 500
#005264 --ar-color-green-500
Green 400
#4D8693 --ar-color-green-400
Green 300
#80A9B2 --ar-color-green-300
Green 200
#B3CBD1 --ar-color-green-200
Green 100
#E6EEF0 --ar-color-green-100

Red palette

Shade Preview Hex code CSS variable
Red 900
#2C0F0F --ar-color-red-900
Red 800
#591E1E --ar-color-red-800
Red 700
#6F2525 --ar-color-red-700
Red 600
#B23B3B --ar-color-red-600
Red 500
#DE4A4A --ar-color-red-500
Red 400
#E56E6E --ar-color-red-400
Red 300
#EB9292 --ar-color-red-300
Red 200
#F5C9C9 --ar-color-red-200
Red 100
#FCEDED --ar-color-red-100

Black and White palette

Shade Preview Hex code CSS variable
Black 100
#000000 --ar-color-black-100
White 100
#FFFFFF --ar-color-white-100
White 100-90
rgb(255, 255, 255, 0.9); --ar-color-white-100-90