This environment is not optimized for viewing on small or mobile devices. Please view on a larger browser for the best experience.
If you have any questions, please contact us.
This environment is not optimized for viewing on small or mobile devices. Please view on a larger browser for the best experience.
If you have any questions, please contact us.
This color palette was adapted from the Aon Brand Standards to support the unique needs presented in a digital environment. The core palette of cool hues and grays communicates optimism, stability, insight and trust. Accent and performance hues provide contrast and meaning.
This color palette has been applied throughout the system to ensure that necessary elements and information meet the minimum contrast requirement for level AA of the Web Content Accessibility Guidelines (WCAG 2.1). Stay turned for more information on providing an accessible experience.
Navy
Uses: Headlines, backgrounds, prominent buttons
Teal Dark
Uses: Links, default and subtle buttons
Navy#262836
Teal Dark#007585
Teal Dark Hover#003C55
Teal Dark Active#003C55
Teal Light
Uses: Accent
Signature Red
Uses: Navigation, Accent
Teal Light#29B0C3
Signature Red#EB0017
Error
Uses: Indicate errors, bad status
Warning
Uses: Indicate caution or warning, communicate conditions
Success
Uses: Indicate success, good status
Information
Uses: General messaging - No qualitative layer of information
Error#EA2238
Error Dark
#CA110F
Error Background
#FCDCDC
Warning#FFA600
Warning Dark
#B37400
Warning Background
#FFF6B7
Success#12A88A
Success Dark
#0D725E
Success Background
#C1F2E9
Information Default#0055A8
Information Dark
#003B75
Information Background
#CCEAF5
Navy
Uses: Background, headlines
Gray 01
Uses: Primary text color (high emphasis)
Gray 02
Uses: Text (low emphasis)
Gray 03
Uses: As needed
Navy#262836
Gray 01#46535E
Gray 02#5D6D78
Gray 03#82939A
Gray 04
Uses: Card outlines
Gray 05
Uses: As needed
Gray 06
Uses: Inverse text, section backgrounds
Gray 07
Uses: Section backgrounds
Gray 04#ACC0C4
Gray 05#CDDBDE
Gray 06#E5EFF0
Gray 07#EEF6F7
Gray 08
Uses: Product background
Gray 08#F9FCFC
White
Uses: High emphasis text on inverse backgrounds
Gray 06
Uses: High emphasis text on inverse backgrounds
Gray 04
Uses: Low emphasis text on most inverse backgrounds*
White#FFFFFF
Gray 04#ACC0C4
Error Inverse
Uses: Indicate errors, bad status
Warning
Uses: Indicate caution. warning messaging, communicate conditions
Success
Uses: Indicate success, good status
Error Inverse#F05F6F
Warning
#FFA600
Success#15B797
Aon Consumer Experience & Design Group
200 E. Randolph St.
5th Floor
Chicago, IL 60601
global.design@aon.com
For best results, please view on Desktop in Chrome or Firefox.