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 |