Skip to main content
Version: v2023.18.0

Color palette

Blue​

Gray​

Green​

Red​

Black and White​

Blue palette​

ShadePreviewHex codeCSS 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​

ShadePreviewHex codeCSS 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​

ShadePreviewHex codeCSS 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​

ShadePreviewHex codeCSS 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​

ShadePreviewHex codeCSS 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
Last updated on