For the preferred usage of these colors, see the UA Branding Guidelines.
We generate colored versions of components using these colors:
Primary Light
Oasis
#378dbd
Primary
Azurite
#1e5288
Primary Dark
Arizona Blue
#0c234b
Accent
Arizona Red
#ab0520
Secondary
Silver
#9eabae
Info
Sky
#81d3eb
Success
Leaf
#70b865
Warning
n/a
#f19e1f
Danger
Bloom
#ef4056
Light
n/a
#f8f9fa
Dark
n/a
#212529
Other colors from the UA brand palatte are also available, but only as text utilities, background utilities, and variables:
Chili
#8b0015
Sky
#81d3eb
River
#007d84
Midnight
#001c48
Mesa
#a95c42
Cool Gray
#e2e9eb
Warm Gray
#f4ede5
Ash
#403635
Sage
#4a634e
Transparent Red
Transparent Bloom
Transparent Chili
Transparent Blue
Transparent Sky
Transparent Oasis
Transparent Azurite
Transparent Midnight
Transparent Cool Gray
Transparent Warm Gray
Transparent Leaf
Transparent River
Transparent Silver
Transparent Mesa
Transparent Ash
Transparent Sage
Transparent White
Transparent Black
gray-100
#f8f9fa
gray-200
#e9ecef
gray-300
#dee2e6
gray-400
#ced4da
gray-500
#adb5bd
gray-600
#6c757d
gray-700
#495057
gray-800
#343a40
gray-900
#212529
.text-sky
.text-oasis
.text-river
.text-azurite
.text-blue
.text-midnight
.text-red
.text-chili
.text-mesa
.text-secondary
.text-info
.text-success
.text-warning
.text-danger
.text-ash
.text-sage
.text-light
.text-dark
.text-body
.text-muted
.text-white
.text-black-50
.text-white-50
.bg-sky
.bg-oasis
.bg-river
.bg-azurite
.bg-blue
.bg-midnight
.bg-red
.bg-chili
.bg-mesa
.bg-ash
.bg-sage
.bg-secondary
.bg-info
.bg-success
.bg-warning
.bg-danger
.bg-light
.bg-dark
.bg-cool-gray
.bg-warm-gray
.bg-white
.bg-transparent
.bg-gray-100
.bg-gray-200
.bg-gray-300
.bg-gray-400
.bg-gray-500
.bg-gray-600
.bg-gray-700
.bg-gray-800
.bg-gray-900