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 |