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