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 |