Colors

Brand and product colors

Brand Colors

Blue
CMYK 100 50 0 10
RGB 11 93 166
#0C5CA6
Grey
CMYK 60 50 40 10
RGB 88 89 91
#58595B
Orange
CMYK 0 45 100 0
RGB 255 144 0
#FF9000
Blue/Grey
CMYK 50 30 10 0
RGB 119 133 152
#778598
Sky Blue
CMYK 50 15 0 0
RGB 16 163 221
#10A3DD
Light Blue
CMYK 90 40 0 0
RGB 0 128 193
#0080C1
Medium Blue
CMYK 100 70 0 0
RGB 35 59 133
#233B85
Dark Blue
CMYK 100 70 10 30
RGB 5 32 97
#052061
Off White
CMYK 0 0 0 8
RGB 241 241 242
#F1F1F2
Light Grey
CMYK 0 0 0 20
RGB 209 210 212
#D1D2D4
Medium Grey
CMYK 0 0 0 40
RGB 166 168 171
#A6A8AB
Light Blue/Gray
CMYK 45 20 0 0
RGB 124 159 192
#7B9FC0

Product Colors

Main

Cool Blue
$blue
#0A83F6
Lima Green
$green
#80C11A
Fire Engine Red
$red
#C32525
Royal Purple
$purple
#7355A6
Buckthorn Orange
$orange
#F7A626

Graphs

Viking
$viking
#4FBBCD
Royal Purple
$royal-purple
#7355A6
Mulberry
$mulberry
#C45887
Buckthorn Orange
$buckthorn
#F7A626
Celery
$celery
#B4CB55
Indian
$indian
#D05A5A
Silver Tree
$silver-tree
#5DD08B
Sean
$sean
#3C8CC7

Buttons

Green Button
$green-button
#5FB000
Blue Button
$blue-button
#0871D4
Red Button
$red-button
#C32525
Grey Button
$grey-button
#E7E7E7

Text

Link
$link
#0A83F6
Link Hover
$link-hover
#0769C6
Text
$text
#76899A
Heading
$heading
#57626C

Sections

Left Background (Sith)
$left-background-dark
#353B41
Left Background (Light)
$left-background-light
#DADEE3
Body
$body
#F4F5F7

Borders

Grey Border
$grey-border
#D1D6DC
Grey Border (Light)
$grey-border-light
#E2E5E9

Icons

Grey Icon
$grey-icon
#57626C
Grey Icon (Highlight)
$grey-icon-highlight
#A2AFBA
Blue Icon
$blue-icon
#2390F7
Blue Icon (Highlight)
$blue-icon-highlight
#54A9F9
Green Icon
$green-icon
#80C11A
Sith Icon
$sith-icon
#30373C

Highlights

Hover Highlight
$hover-highlight
#FAFAFA
Select Highlight
$select-highlight
#FAFAFA
Inline Highlight
$inline-highlight
#E2E5E9

Messaging

Messaging BG
$messaging-background
#FFF7E5
Messaging Text
$messaging-text
#69685D

Headers

Header Flat
$header-flat
#0069CC
Header Gradient (Start)
$header-gradient-start
#076CCA
Header Gradient (End)
$header-gradient-end
#065BAC