Style Guide

1 Color Palette

Primary Colors

Antenna Group's Primary color palette to be used in most situations.

#21376D rgb(33, 55, 109) .primary-color / .blue
Usage

Headlines, labels, buttons and some graphical elements.

#42C686 rgb(66, 198, 134) .secondary-color / .green
Usage

Subheadline, buttons, calls-to-actions, icons, and other accent usage.

#2fa8d0 rgb(47, 168, 208) .tertiary-color / .light-blue
Usage

Tag line, body text link, labels, and other accent usage.

#111C38 rgb(17, 28, 56) .dark-blue
Usage

Primary background color for headers, footer, sticky navigation and used for transparent/gradient overlays over images.

Grays

Variations of Grays to be used for body text, borders and backgrounds.

#606980 rgb(96, 105, 128) .dark-gray
Usage

Body text, backgrounds, some hover states.

#A9AFC0 rgb(169, 175, 192) .gray
Usage

Borders, backgrounds, lighter text.

#e5e6eb rgb(229, 230, 235) .light-gray
Usage

Borders and backgrounds.

#f6f7f8 rgb(246, 247, 248) .off-white
Usage

Backgrounds

Accent Colors

Additional accent colors available to use only when additional colors are needed for such things as charts, graphs and other graphical elements.

#BBE074 rgb(187, 224, 116) .olive

Primary Color Variations

These are acceptable color variations based on our primary colors. Only to be used to lighten up or darken the primary colors in certain circumstances.

#2d4a95 rgb(45, 74, 149) .primary-color--light / .blue--light
#152347 rgb(21, 35, 71) .primary-color--dark / .blue--dark
#6ad2a0 rgb(106, 210, 160) .secondary-color--light / .green--light
#31a56d rgb(49, 165, 109) .secondary-color--dark / .green--dark
#59b9d9 rgb(89, 185, 217) .tertiary-color--light / .light-blue--light
#2686a6 rgb(38, 134, 166) .tertiary-color--dark / .light-blue--dark