Brightree color palette. Each color also includes the percentage equivalents as hexidecimal values if required. These colors are taken directly from the Brightree Brand Guidelines. The color percentage breaks are based on direction provided by those guidelines as well.

Brightree Colors
Brightree Blue

Used for hyperlnks, secondary buttons...

Brightree Blue
rgba(0, 155, 223, 1.0)
#009bdf

Brightree Blue - 80%
rgba(51, 175, 229, 0.8)
#33afe5

Brightree Blue - 60%
rgba(102, 195, 236, 0.6)
#66c3ec

Brightree Blue - 40%
rgba(153, 215, 242, 0.4)
#99d7f2

Brightree Blue - 20%
rgba(204, 235, 249, 0.2)
#ccebf9

Brightree Blue Hover
rgba(23, 106, 158, 1.0)
#176a9e


Brightree Orange

Used for primary action buttons, call to action elements...

Brightree Orange
rgba(242, 101, 45, 1.0)
#f26522

Brightree Orange - 80%
rgba(231, 114, 45, 0.8)
#ec8e57

Brightree Orange - 60%
rgba(231, 114, 45, 0.6)
#f1aa81

Brightree Orange - 40%
rgba(231, 114, 45, 0.4)
#f5c7ab

Brightree Orange - 20%
rgba(231, 114, 45, 0.2)
#fae3d5

Brightree Orange Hover
rgba(192, 87, 25, 1.0)
#c05719


Brightree Dark Navy

Used for secondary action buttons, call to action elements...

Brightree Navy
rgba(15, 45, 91, 1.0)
#0f2d5b

Brightree Navy - 80%
rgba(15, 46, 81, 0.8)
#3f5874

Brightree Navy - 60%
rgba(15, 46, 81, 0.6)
#6f8297

Brightree Navy - 40%
rgba(15, 46, 81, 0.4)
#9fabb9

Brightree Navy - 20%
rgba(15, 46, 81, 0.2)
#cfd5dc

Brightree Navy Hover
rgba(23, 32, 53, 1.0)
#172035


Brightree Green

Used for secondary action buttons, call to action elements...

Brightree Green
rgba(170, 196, 66, 1.0)
#aac442

Brightree Green - 80%
rgba(170, 196, 66, 0.8)
#bbd068

Brightree Green - 60%
rgba(170, 196, 66, 0.6)
#ccdc8e

Brightree Green - 40%
rgba(170, 196, 66, 0.4)
#dde7b3

Brightree Green - 20%
rgba(170, 196, 66, 0.2)
#eef3d9

Brightree Green Hover
rgba(152, 172, 43, 1.0)
#98ac2b


Brightree Grays

Used for text, UI elements such as dividers, borders, etc.

Brightree Dark Gray - #55565a

Brightree Secondary Gray - #c4c4c4

Brightree Tertiary Gray - #e9e9e9

Brightree Alternate Row Gray - #f3f3f3


Matrix Care Colors

Gray - #424243

Primary - #005b9e

Success - #26882b

Warning - #ffcb37

Orange - #f26522

Danger - #e03030