| $gray-source | #09264 | #09264E |
| $gray-500 | tint($gray-source, 65%) | #A9B3C1 |
| ——— | ——— | ——— |
| $gray-50 | tint($gray-500, 95%) | #FBFBFC |
| $gray-100 | tint($gray-500, 90%) | #F6F7F9 |
| $gray-200 | tint($gray-500, 80%) | #EEF0F3 |
| $gray-300 | tint($gray-500, 65%) | #E1E4E9 |
| $gray-400 | tint($gray-500, 40%) | #CBD1DA |
| $gray-600 | shade($gray-500, 10%) | #98A1AD |
| $gray-700 | shade($gray-500, 25%) | #7F8691 |
| $gray-800 | shade($gray-500, 40%) | #656B74 |
| $gray-900 | shade($gray-500, 60%) | #43474D |
| $gray-950 | shade($gray-500, 75%) | #2A2D30 |
$primary-50: tint($primary, 95%);
$primary-100: tint($primary, 90%);
$primary-200: tint($primary, 80%);
$primary-400: tint($primary, 40%);
$primary-500: tint($primary, 65%);
$primary-900: shade($primary, 60%);
$primary-950: shade($primary, 75%);