Skip navigation
github repo

Color palette

We use a simple, minimalist color palette. Shades of blue dominate the palette, providing a neutral backdrop on which energetic greens, imagery, and bright white content areas "pop" on the page.

Primary palette

Blue serves as the primary base color for HealthCare.gov. According to basic color theory, blue symbolizes trust, confidence, and sincerity. Blue is also used extensively to represent calmness and responsibility. HealthCare.gov makes use of a broad spectrum of blues. Each shade of blue is used for a specific purpose.

Small Business Blue
#17415F
Individuals & Families Blue
#046791
Tools Blue
#006693
80% Black
#333
White
#FFFFFF
Light Grey
#F7F7F7

Accent palette

Following minimalist design principles, accent colors on HealthCare.gov are used to capture the viewer’s attention and highlight the most important features on a page. These colors are used most often on buttons and notifications. Accent colors are used sparingly and never draw the eye to more than one bit of information at a time.

Call to Action Green
#12890E
Notification
#EEFAFE

Module palettes

A few of the permanent modules within HealthCare.gov follow slight variations on the primary color palette to create a more dynamic look and give a visual depth within the flat design paradigm.

Secondary CTA

The secondary call to action (CTA) lives immediately below the hero area on major landing pages and provides site visitors with a gateway to important information.

Call to Action Bar
#04689B
Call to Action Icon
#043f59

Action bar

The action bar lives below the secondary CTA on some first-tier landing pages. The action bar typically takes users to a tool or other actionable content.

Tile Hover
#164769
Action Bar
#0a5c87
Action Bar Hover
#0c6a9c

Email signup & blog module

The email signup and blog modules live below the action bar on the homepage exclusively.

Email Block
#0D76AD
Blog Block
#0a5c87