Skip to main content
U.S. flag

An official website of the United States government

Dot gov

The .gov means it’s official.
Federal government websites often end in .gov or .mil. Before sharing sensitive information, make sure you’re on a federal government site.

Https

The site is secure.
The https:// ensures that you are connecting to the official website and that any information you provide is encrypted and transmitted securely.

Design

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