Color

The colors of the core palette include clean, neutral shades of gray and strong blues - communicating optimism, stability, insight and trust. The monotone palette maintains a level of sophistication.

Added to these colors are generous amounts of white to give the visual identity a crisp, contemporary feel and dark gray to bring definition and contrast.

This color palette has been adapted from the Aon Brand Standards to be optimized
for a digital environment. Colors for text and necessary information meet the minimum requirement for contrast for level AA of the Web Content Accessibility Guidelines
( WCAG 2.1).


Blues

Color Uses Interaction Values Specs

Blue

  • Headlines
  • UI Elements

Blue Lighter 10%


Blue Darker 5%

  • Blue (100%)
  • #012774
  • Blue Hover (Blue Lighter 10%)
  • #0138A7
  • Blue Active (Blue Darker 5%)
  • #011E5B

Midnight

  • Backgrounds

N/A

  • Midnight (100%)
  • #001135

Teal

  • Links
  • UI Elements

Teal Lighter 10%


Teal Darker 10%

  • Teal (100%)
  • #007FAA
  • Teal Hover (Teal Lighter 10%)
  • #00A5DD
  • Teal Active (Teal Darker 10%)
  • #005977

Aqua

  • Data Visualizations
  • Illustrations

N/A

  • Bright Blue (100%)
  • #4CBAEB

Grays

Color Uses Interaction Values Specs

Gray A

  • Headlines
  • Body Text

Gray A Lighter 10%


Gray A Darker 5%

  • Gray A (100%)
  • #2E2E2E
  • Gray A Hover (Gray A Lighter 15%)
  • #545454
  • Gray A Active (Gray A Darker 5%)
  • #141414

Gray B

  • Backgrounds

N/A

  • Gray B (100%)
  • #4C4D4F

Gray C

  • Headlines
  • Text

Gray C Lighter 15%


Gray C Darker 5%

  • Gray C (100%)
  • #696969
  • Gray C Hover (Gray C Lighter 15%)
  • #8F8F8F
  • Gray C Active (Gray C Active 5%)
  • #5C5C5C

Gray D

  • Breadcumbs
  • Placeholder Text

N/A

  • Gray D (100%)
  • #9B9B9B

Gray E

  • Horizontal Rules

N/A

  • Gray E (100%)
  • #C0C0C0

Gray F

  • Section Backgrounds

N/A

  • Gray F (100%)
  • #E4E4E4

Gray G

  • Page Backgrounds

N/A

  • Gray G (100%)
  • #F8F8F8

Feedback

The following colors should only be used to reflect system feedback in order to guide the user. For example, Green for success messages or confirmations, and red to show an error state.

Color Uses Interaction Values Specs

Error

  • Indicate Errors
  • Bad

N/A

  • Error (100%)
  • #BF4C4A

Warning

  • Indicate Caution
  • Warning Messaging
  • Conditions

N/A

  • Warning (100%)
  • #F0A800

Success

  • Indicate Success
  • Good

N/A

  • Success (100%)
  • #7AB800