Colors

Core

#ffc200 $color-yellow-tribune
  • AA: 🚩
  • AAA: 🚩
  • AA lg text: 🚩
#a1d2df $color-blue-light
  • AA: 🚩
  • AAA: 🚩
  • AA lg text: 🚩
#348094 $color-teal-gray
  • AA: ✅
  • AAA: 🚩
  • AA lg text: ✅
#222 $color-black-off
  • AA: ✅
  • AAA: ✅
  • AA lg text: ✅
#f3f3f3 $color-white-off
  • AA: 🚩
  • AAA: 🚩
  • AA lg text: 🚩

Grayscale

#fff $color-white-pure
  • AA: 🚩
  • AAA: 🚩
  • AA lg text: 🚩
#fbfbfb $color-white-off-light
  • AA: 🚩
  • AAA: 🚩
  • AA lg text: 🚩
#f3f3f3 $color-white-off
  • AA: 🚩
  • AAA: 🚩
  • AA lg text: 🚩
#d0d0d0 $color-gray-light
  • AA: 🚩
  • AAA: 🚩
  • AA lg text: 🚩
#797979 $color-gray-medium
  • AA: 🚩
  • AAA: 🚩
  • AA lg text: ✅
#4a4a4a $color-gray-dark
  • AA: ✅
  • AAA: ✅
  • AA lg text: ✅
#222 $color-black-off
  • AA: ✅
  • AAA: ✅
  • AA lg text: ✅
#000 $color-black-pure
  • AA: ✅
  • AAA: ✅
  • AA lg text: ✅

Site elements

#a1d2df $color-link-underline
  • AA: 🚩
  • AAA: 🚩
  • AA lg text: 🚩
#348094 $color-link-underline-hover
  • AA: ✅
  • AAA: 🚩
  • AA lg text: ✅
#347d90 $color-ad-text
  • AA: ✅
  • AAA: 🚩
  • AA lg text: ✅
#e12931 $color-error
  • AA: ✅
  • AAA: 🚩
  • AA lg text: ✅
#11A06B $color-success
  • AA: 🚩
  • AAA: 🚩
  • AA lg text: ✅

Social and promos

#3366cc $color-sponsor
  • AA: ✅
  • AAA: 🚩
  • AA lg text: ✅
#2d60c4 $color-facebook
  • AA: ✅
  • AAA: 🚩
  • AA lg text: ✅
#55acee $color-twitter
  • AA: 🚩
  • AAA: 🚩
  • AA lg text: 🚩
#223136 $color-blue-dark
  • AA: ✅
  • AAA: ✅
  • AA lg text: ✅
#f2ede2 $color-sand
  • AA: 🚩
  • AAA: 🚩
  • AA lg text: 🚩

Elections

#f2593b $color-elections-republican
  • AA: 🚩
  • AAA: 🚩
  • AA lg text: ✅
#1755c5 $color-elections-democrat
  • AA: ✅
  • AAA: 🚩
  • AA lg text: ✅
#ffc200 $color-elections-yellow
  • AA: 🚩
  • AAA: 🚩
  • AA lg text: 🚩
#3cc687 $color-elections-green
  • AA: 🚩
  • AAA: 🚩
  • AA lg text: 🚩
#99a0af $color-elections-gray
  • AA: 🚩
  • AAA: 🚩
  • AA lg text: 🚩
#f7f7f7 $color-elections-offwhite
  • AA: 🚩
  • AAA: 🚩
  • AA lg text: 🚩
#1a2b4b $color-elections-navy
  • AA: ✅
  • AAA: ✅
  • AA lg text: ✅
#fcc2b6 $color-elections-pink
  • AA: 🚩
  • AAA: 🚩
  • AA lg text: 🚩

Political parties

hsl(1, 64%, 56%) $color-republican
  • AA: 🚩
  • AAA: 🚩
  • AA lg text: ✅
hsl(1, 34%, 56%) $color-republican-subset
  • AA: 🚩
  • AAA: 🚩
  • AA lg text: ✅
hsl(203, 77%, 39%) $color-democrat
  • AA: ✅
  • AAA: 🚩
  • AA lg text: ✅
hsl(203, 47%, 39%) $color-democrat-subset
  • AA: ✅
  • AAA: 🚩
  • AA lg text: ✅
hsl(135, 23%, 40%) $color-green
  • AA: ✅
  • AAA: 🚩
  • AA lg text: ✅
hsl(47, 71%, 53%) $color-libertarian
  • AA: 🚩
  • AAA: 🚩
  • AA lg text: 🚩
hsl(311, 43%, 42%) $color-independent
  • AA: ✅
  • AAA: 🚩
  • AA lg text: ✅

Ratings

hsl(171, 44%, 44%) $color-positive
  • AA: 🚩
  • AAA: 🚩
  • AA lg text: ✅
hsl(33, 91%, 50%) $color-neutral
  • AA: 🚩
  • AAA: 🚩
  • AA lg text: 🚩
hsl(7, 77%, 54%) $color-negative
  • AA: 🚩
  • AAA: 🚩
  • AA lg text: ✅

Graphics

hsl(267, 42%, 51%) $color-chart-purple
  • AA: ✅
  • AAA: 🚩
  • AA lg text: ✅
hsl(200, 56%, 40%) $color-chart-blue
  • AA: ✅
  • AAA: 🚩
  • AA lg text: ✅
hsl(170, 30%, 37%) $color-chart-sea-green
  • AA: ✅
  • AAA: 🚩
  • AA lg text: ✅
hsl(171, 44%, 44%) $color-men
  • AA: 🚩
  • AAA: 🚩
  • AA lg text: ✅
hsl(46, 100%, 50%) $color-women
  • AA: 🚩
  • AAA: 🚩
  • AA lg text: 🚩
hsl(171, 44%, 44%) $color-national
  • AA: 🚩
  • AAA: 🚩
  • AA lg text: ✅
hsl(7, 77%, 54%) $color-state
  • AA: 🚩
  • AAA: 🚩
  • AA lg text: ✅