Foundation
Color palette
Base colors
base
#212121
$color-base
white
#ffffff
$color-white
black
#000000
$color-black
orange
#eb7f29
$color-orange
link-default
#004795
$color-link-default
warning-message
#fac922
$color-warning-message
gibill-accent
#fff1d2
$color-gibill-accent
primary
#0071bb
$color-primary
primary-darker
#003e73
$color-primary-darker
primary-darkest
#112e51
$color-primary-darkest
primary-alt
#02bfe7
$color-primary-alt
primary-alt-dark
#00a6d2
$color-primary-alt-dark
primary-alt-darkest
#046b99
$color-primary-alt-darkest
primary-alt-light
#9bdaf1
$color-primary-alt-light
primary-alt-lightest
#e1f3f8
$color-primary-alt-lightest
secondary
#e31c3d
$color-secondary
secondary-dark
#cd2026
$color-secondary-dark
secondary-darkest
#981b1e
$color-secondary-darkest
secondary-light
#e59393
$color-secondary-light
secondary-lightest
#f9dede
$color-secondary-lightest
Grayscale
gray
#5b616b
$color-gray
gray-dark
#323a45
$color-gray-dark
gray-medium
#757575
$color-gray-medium
gray-light
#aeb0b5
$color-gray-light
gray-light-alt
#eeeeee
$color-gray-light-alt
gray-lighter
#d6d7d9
$color-gray-lighter
gray-lightest
#f1f1f1
$color-gray-lightest
gray-warm-dark
#494440
$color-gray-warm-dark
gray-warm-light
#e4e2e0
$color-gray-warm-light
gray-cool-light
#dce4ef
$color-gray-cool-light
Tertiary colors
gold
#fdb81e
$color-gold
gold-darker
#988530
$color-gold-darker
gold-light
#f9c642
$color-gold-light
gold-lighter
#fad980
$color-gold-lighter
gold-lightest
#fff1d2
$color-gold-lightest
green
#2e8540
$color-green
green-darker
#195c27
$color-green-darker
green-light
#4aa564
$color-green-light
green-lighter
#94bfa2
$color-green-lighter
green-lightest
#e7f4e4
$color-green-lightest
cool-blue
#205493
$color-cool-blue
cool-blue-light
#4773aa
$color-cool-blue-light
cool-blue-lighter
#8ba6ca
$color-cool-blue-lighter
cool-blue-lightest
#dce4ef
$color-cool-blue-lightest
Hub colors
Hub colors are only to be used on VA.gov benefit hubs.
hub-health-care
#3f57a6
$color-hub-health-care
hub-education
#21827f
$color-hub-education
hub-disability
#a23737
$color-hub-disability
hub-careers
#bd5727
$color-hub-careers
hub-pension
#3e8520
$color-hub-pension
hub-housing
#8e704f
$color-hub-housing
hub-life-insurance
#6f7a41
$color-hub-life-insurance
hub-burials
#357ab2
$color-hub-burials
hub-family-member
#003e73
$color-hub-family-member
hub-service-member
#003e73
$color-hub-service-member