Aetna Styleguide

Information is taken from Member Central/Effective UI Styleguide. If you would like to access it, user/password is Aetna/*Aetna-8, respectively.

Accessible Color Palette

WCAG 2.0 Level AA requires a contrast ratio of 4.5:1 for normal text (14pt and bold or larger) and 3:1 for large text (18pt or larger).

#000000 Black

#2f3338 Almost Black

#69747a Dark Gray

Normal text (14pt and bold or larger)

#d20962 Cranberry

#d31e11 Darker Red

#4e7d2a Darker Green

#1d7564 Darker Teal

#7d3f98 Violet

#db1374 Deeper Pink

#0d8ba7 Dark Blue
14pt bold & larger only

#037aa9 Darker Blue

#526f83 Darker Gray Blue

#4b65ae Darker Periwinkle

Large text (18pt or larger)

#d20962 Cranberry

#ef4135 Red

#e9640b Orange

#5e9732 Dark Green

#00a78e Teal

#7d3f98 Violet

#ee3d94 Deep Pink

#0ba2c3 Blue

#5f78bb Periwinkle

#7090a5 Gray Blue

Not recommended for font usage
Gold, Pink, Sand, Lime, Pistachio

Original Color Palette

#d20962 Cranberry

#ef4135 Red

#e9640b Orange

#fdb933 Gold

#00a78e Teal

#7d3f98 Violet

#ee3d94 Deep Pink

#f58f9f Pink

#cea979 Sand

#9ac12d Light Green

#5e9732 Green

#60c3ae Pistachio

#c63bd1 Light Purple

#ef8560 Salmon

#00BCE4 Blue

#0490c8 Dark Blue

#000000 Black

#666666 Dark Gray

#999999 Medium Gray

#cccccc Light Gray

#f7f7f7 Dust Gray

#ffffff White

LESS

// Aetna Colors
@cranberry: #d20962;
@red: #ef4135;
@orange: #e9640b;
@gold: #fdb933;
@teal: #00a78e;
@violet: #7d3f98;
@deep-pink: #ee3d94;
@pink: #f58f9f;
@sand: #cea979;
@light-green: #9ac12d;
@green: #5e9732;
@pistachio: #60c3ae;
@light-purple: #c63bd1;
@salmon: #ef8560;
@blue: #00BCE4;
@dark-blue: #0490c8;
@black: #000000;
@dark-gray: #666666;
@medium-gray: #999999;
@light-gray: #cccccc;
@dust-gray: #f7f7f7;
@white: #ffffff;