Personalized Health Association

Color Directions

Five directions. Each one shows the palette, then the same page built with it. Click any color to copy it.

Direction One

Beacon

warm and confident

Navy ground, a warm red for action and a cool teal for information. One warm and one cool is what lets a page hold urgency and calm at the same time.

Navy
#081f2c
Dark bands, headings, footer, chips
Red
#cf3339
Primary. Every call to action
Teal
#62cbc9
Labels, numbers, the block behind cards
Slate
#455265
Body copy, secondary text, inset panels
Pale blue
#b0c1d5
Quiet text on dark
Off-white
#f1f1f1
Light bands, rules and quiet devices
Federal to State Implementation

Policy is written in Washington. Care is delivered at home.

PHA connects federal agencies, state legislatures, and the physicians who deliver care.

Leadership

Named principals, presented as a working group. The teal sits behind each card as a solid block, which gives the roster a bit of life without adding another color to the page.

Name Here
Board of Directors
Name Here
Policy Council
Name Here
Clinical Advisory
4
Federal Priorities
50
States
1
Implementation Gap
Note. Colors this saturated want a light paper texture over the big red and navy fields, or they read as a template.
Logo marks

Red and navy are different hues, so the red holds on both grounds and never needs to change.

BridgeBRG-00 · light
PanelPNL-04 · light
WordmarkWRD-04 · light
BridgeBRG-00 · dark
PanelPNL-04 · dark
WordmarkWRD-04 · dark
Readability
Direction Two

Meridian

movement and momentum

Color runs as one continuous field down the whole page, near black to royal blue, so scrolling feels like rising. The pale blue is the only bright note.

Field top
#040C18
Header, page field, and where photographs fade out
Field middle
#1C2E5C
Most of the way down
Field base
#33509E
Where the page lands
Primary
#1850A5
Buttons, rules, active and hover states
Signal
#8EDCF6
Labels, data, highlights
Silver
#E6E8EA
Light bands and documents
Federal to State Implementation

Policy is written in Washington. Care is delivered at home.

PHA connects federal agencies, state legislatures, and the physicians who deliver care.

Leadership

Named principals, presented as a working group. The photography sits on a matching dark background so each portrait settles into the page instead of floating on top of it.

Name Here
Board of Directors
Name Here
Policy Council
Name Here
Clinical Advisory
4
Federal Priorities
50
States
1
Implementation Gap
Logo marks

The accent shares a hue family with the dark ground, so on dark it steps up to the palette's own pale variant of that same blue.

BridgeBRG-00 · light
PanelPNL-04 · light
WordmarkWRD-04 · light
BridgeBRG-00 · dark
PanelPNL-04 · dark
WordmarkWRD-04 · dark
Readability
Direction Three

Ascent

clear and forward-leaning

The same rising idea, warmer and more American in the blue. The cyan reads diagnostic rather than sporty, and the one warm tone is held back for real urgency.

Field top
#060B14
Header, page field, and where photographs fade out
Field middle
#0F2544
Mid scroll
Primary
#1F5FCB
Buttons and the base of the page field
Signal
#5FD4E4
Labels, data, highlights
Paper
#F2F5F9
Light bands and documents
Alert
#C2703C
Used rarely. Deadlines and comment periods
Federal to State Implementation

Policy is written in Washington. Care is delivered at home.

PHA connects federal agencies, state legislatures, and the physicians who deliver care.

Leadership

Named principals, presented as a working group. Because the ground is dark, portraits can be lit warm and still sit comfortably inside a serious page.

Name Here
Board of Directors
Name Here
Policy Council
Name Here
Clinical Advisory
4
Federal Priorities
50
States
1
Implementation Gap
Logo marks

Same as Meridian. The cyan is already the palette's declared signal colour, so it takes the accent role on dark.

BridgeBRG-00 · light
PanelPNL-04 · light
WordmarkWRD-04 · light
BridgeBRG-00 · dark
PanelPNL-04 · dark
WordmarkWRD-04 · dark
Readability
Direction Four

Quorum

measured and considered

Warm paper, one navy carrying all the structure, brass only where it earns attention. The quietest of the five and the easiest to say yes to.

Paper
#FAF8F4
The main ground
Paper deep
#F0EBE1
Alternating bands, rules and card edges
Navy
#12253F
Headlines, header, dark bands, footer
Brass
#9A7C2E
Accent on paper
Brass light
#C9A24D
Accent on navy
Ink
#12161C
Body copy
Oxblood
#7A3B2E
Used rarely. Testimony and urgency
Federal to State Implementation

Policy is written in Washington. Care is delivered at home.

PHA connects federal agencies, state legislatures, and the physicians who deliver care.

Leadership

Named principals, presented as a working group. On this direction the portraits sit on paper in daylight, which reads closer to a firm than to a campaign.

Name Here
Board of Directors
Name Here
Policy Council
Name Here
Clinical Advisory
4
Federal Priorities
50
States
1
Implementation Gap
Logo marks

The palette ships brass and brass light and labels them for paper and for navy. Using them as intended.

BridgeBRG-00 · light
PanelPNL-04 · light
WordmarkWRD-04 · light
BridgeBRG-00 · dark
PanelPNL-04 · dark
WordmarkWRD-04 · dark
Readability
Direction Five

Cornerstone

material and grounded

Limestone and granite, with a deep red doing the work most organizations hand to blue. The only warm direction here, and it reads older than the organization is.

Limestone
#EDE8E0
The main ground, cards and documents
Limestone deep
#DFD8CC
Bands, shading, rules and card edges
Granite
#1E2228
Header, dark bands, body copy
Oxblood
#8E3B2C
Primary. Buttons and rules
Oxblood light
#C1503C
Accent on granite
Slate blue
#2C5364
The cool counterweight, links
Bronze
#B8935A
Used rarely. Seals and dividers
Federal to State Implementation

Policy is written in Washington. Care is delivered at home.

PHA connects federal agencies, state legislatures, and the physicians who deliver care.

Leadership

Named principals, presented as a working group. Against granite the portraits carry a lot of weight, so the photography can stay warm without the page feeling soft.

Name Here
Board of Directors
Name Here
Policy Council
Name Here
Clinical Advisory
4
Federal Priorities
50
States
1
Implementation Gap
Logo marks

Oxblood and oxblood light, as shipped. Slate blue takes the decorative lines so the warm and cool stay separated.

BridgeBRG-00 · light
PanelPNL-04 · light
WordmarkWRD-04 · light
BridgeBRG-00 · dark
PanelPNL-04 · dark
WordmarkWRD-04 · dark
Readability
Copied