Aller à la nouvelle documentation

Palette de couleur

Bleu

Gris

Vert

Rouge

Noir et blanc

Palette Bleu

Nuance Prévisualisation Code hex Variable CSS
Bleu 900
#021D45 --ar-color-blue-900
Bleu 800
#042475 --ar-color-blue-800
Bleu 700
#224293 --ar-color-blue-700
Bleu 600
#1B49BE --ar-color-blue-600
Bleu 500
#1865D8 --ar-color-blue-500
Bleu 500-90
rgb(24, 101, 216, 0.9) --ar-color-blue-500-90
Bleu 400
#74A1F9 --ar-color-blue-400
Bleu 300
#9BB7FF --ar-color-blue-300
Bleu 200
#D3DFF4 --ar-color-blue-200
Bleu 100
#EDF2FF --ar-color-blue-100
Bleu 100-90
rgb(237, 242, 255, 0.9) --ar-color-blue-100-90

Palette gris

Nuance Prévisualisation Code hex Variable CSS
Gris 900
#1B1F26 --ar-color-gray-900
Gris 800
#2E353F --ar-color-gray-800
Gris 700
#404A58 --ar-color-gray-700
Gris 600
#5B697E --ar-color-gray-600
Gris 500
#9AA9C5 --ar-color-gray-500
Gris 400
#C9CDD8 --ar-color-gray-400
Gris 300
#D8DFE8 --ar-color-gray-300
Gris 200
#E6EAF2 --ar-color-gray-200
Gris 100
#F1F4FA --ar-color-gray-100
Gris 50
#F1F6FF --ar-color-gray-50

Palette vert

Nuance Prévisualisation Code hex Variable CSS
Vert 900
#04262F --ar-color-green-900
Vert 800
#143137 --ar-color-green-800
Vert 700
#284248 --ar-color-green-700
Vert 600
#10434F --ar-color-green-600
Vert 500
#005264 --ar-color-green-500
Vert 400
#4D8693 --ar-color-green-400
Vert 300
#80A9B2 --ar-color-green-300
Vert 200
#B3CBD1 --ar-color-green-200
Vert 100
#E6EEF0 --ar-color-green-100

Palette rouge

Nuance Prévisualisation Code hex Variable CSS
Rouge 900
#2C0F0F --ar-color-red-900
Rouge 800
#591E1E --ar-color-red-800
Rouge 700
#6F2525 --ar-color-red-700
Rouge 600
#B23B3B --ar-color-red-600
Rouge 500
#DE4A4A --ar-color-red-500
Rouge 400
#E56E6E --ar-color-red-400
Rouge 300
#EB9292 --ar-color-red-300
Rouge 200
#F5C9C9 --ar-color-red-200
Rouge 100
#FCEDED --ar-color-red-100

Palette noir et blanc

Nuance Prévisualisation Code hex Variable CSS
Noir 100
#000000 --ar-color-black-100
Blanc 100
#FFFFFF --ar-color-white-100
Blanc 100-90
rgb(255, 255, 255, 0.9); --ar-color-white-100-90