Colors

Primary Web Colors

These colors have equal value and should be used as local and action colors for aafp.org. AAFP web color values have been converted to RGB from the original Pantone values.

Example usage:

  • Call to Action buttons
  • Feature backgrounds
  • Callout elements
  • Links and highlights
  • Focal areas
Color Group Name Sample Hex Value
Orange AAFP-orange
#cf7f00
Orange AAFP-orange-tint
#db9f40
Green AAFP-green
#789d4a
Green AAFP-green-tint-20
#e4ebdb
Green AAFP-green-tint-50
#bccea5
Green AAFP-green-tint-85
#8cac65
Blue AAFP-blue
#4f758b
Blue AAFP-blue-tint-20
#dce3e8
Blue AAFP-blue-tint-50
#a7bac5
Blue AAFP-blue-tint-85
#698a9e
Red AAFP-red
#9e2a2f
Red AAFP-red-light
#b65f63

Supporting Web Colors

This color palette includes the varying shades of grey approved for web use. It supports the AAFP primary color palette. These colors should be used in a supporting capacity, not as a primary focus element on the page. Example usage:

  • Non-linking headlines
  • Body text
  • Background colors
  • Rollover states
  • Tertiary buttons
  • Divider lines
Color Group Name Sample Hex Value
Gray AAFP-gray
#444444
Gray AAFP-gray-tint-20
#dadada
Gray AAFP-gray-tint-50
#aaaaaa
Gray AAFP-gray-tint-60
#858585
Gray AAFP-gray-tint-85
#666666
Web Gray AAFP-web-gray
#777777
Web Gray AAFP-web-gray-tint-5
#f6f6f6
Web Gray AAFP-web-gray-tint-10
#ececec
Web Gray AAFP-web-gray-tint-15
#e3e3e3