$color-dark-blue

For chrome, top navigation and text.

rgba(28, 49, 58, 1)

$color-blue

For sub nav, toolbars.

rgba(69, 90, 100, 1)

$color-bright-blue

For selection and 'on' states.

rgba(53, 163, 206, 1)

$color-pink

For drawing attention, error messages, notifications and alerts.

rgba(197, 17, 98, 1)

$color-light-pink

Opaque background color to be used in form field error states.

rgba(254,231,236,1)

$color-yellow

Highlight color meant for primary actions.

rgba(249, 220, 92, 1)

$color-off-white

Slightly tinted white instead of pure white.

rgba(250, 253, 255, 1)

$color-black

...

rgba(0, 0, 0, 1)

$color-middle-blue

Middle blue for text use

rgba(48, 110, 158, 1)

$color-light-blue

Pale blue for hover states.

rgba(224, 236, 244, 1)

$color-light-gray

Background for text fields, new

rgba(232, 234, 235, 1)

$color-blue-bg

For background color of form fields.

rgba(228, 233, 236, 1)

$color-blue-bg-hover-active

The hover and active states for $color-blue-bg.

rgba(204, 209, 212, 1)

$color-blue-grey

Used for the track in switches.

rgba(187, 193, 196, 1)