Breeze

Breeze Color Palette

Breeze Color Palette

See here for more information about usage of colors.

Color Set

Color Role

Color

HEX

RGB

NAME

button

BackgroundAlternate

 

#bdc3c7

189,195,199

Alternate Grey

BackgroundNormal

 

#eff0f1

239,240,241

Cardboard Grey

DecorationFocus

 

#3daee9

61,174,233

Plasma Blue

DecorationHover

 

#93cee9

147,206,233

Hover Blue

ForegroundActive

 

#3daee9

61,174,233

Plasma Blue

ForegroundInactive

 

#7f8c8d

127,140,141

Coastal Fog

ForegroundLink

 

#2980b9

41,128,185

Abyss Blue

ForegroundNegative

 

#da4453

218,68,83

Icon Red

ForegroundNeutral

 

#f67400

246,116,0

Beware Orange

ForegroundNormal

 

#232629

35,38,39

Shade Black

ForegroundPositive

 

#27ae60

39,174,96

Noble Fir

ForegroundVisited

 

#7f8c8d

127,140,141

Coastal Fog

selection

BackgroundAlternate

 

#1d99f3

29,153,243

Icon Blue

BackgroundNormal

 

#3daee9

61,174,233

Plasma Blue

DecorationFocus

 

#3daee9

61,174,233

Plasma Blue

DecorationHover

 

#93cee9

147,206,233

Hover Blue

ForegroundActive

 

#fcfcfc

252,252,252

Paper White

ForegroundInactive

 

#eff0f1

239,240,241

Cardboard Grey

ForegroundLink

 

#fdbc4b

253,188,75

Icon Yellow

ForegroundNegative

 

#da4453

218,68,83

Icon Red

ForegroundNeutral

 

#f67400

246,116,0

Beware Orange

ForegroundNormal

 

#fcfcfc

252,252,252

Paper White

ForegroundPositive

 

#27ae60

39,174,96

Noble Fir

ForegroundVisited

 

#bdc3c7

189,195,199

Alternate Grey

tooltip

BackgroundAlternate

 

#4d4d4d

77,77,77

Icon Grey

BackgroundNormal

 

#232629

35,38,39

Shade Black

DecorationFocus

 

#3daee9

61,174,233

Plasma Blue

DecorationHover

 

#93cee9

147,206,233

Hover Blue

ForegroundActive

 

#3daee9

61,174,233

Plasma Blue

ForegroundInactive

 

#bdc3c7

189,195,199

Alternate Grey

ForegroundLink

 

#2980b9

41,128,185

Abyss Blue

ForegroundNegative

 

#da4453

218,68,83

Icon Red

ForegroundNeutral

 

#f67400

246,116,0

Beware Orange

ForegroundNormal

 

#fcfcfc

252,252,252

Paper White

ForegroundPositive

 

#27ae60

39,174,96

Noble Fir

ForegroundVisited

 

#7f8c8d

127,140,141

Coastal Fog

view

BackgroundAlternate

 

#eff0f1

239,240,241

Cardboard Grey

BackgroundNormal

 

#fcfcfc

252,252,252

Paper White

DecorationFocus

 

#3daee9

61,174,233

Plasma Blue

DecorationHover

 

#93cee9

147,206,233

Hover Blue

ForegroundActive

 

#3daee9

61,174,233

Plasma Blue

ForegroundInactive

 

#7f8c8d

127,140,141

Coastal Fog

ForegroundLink

 

#2980b9

41,128,185

Abyss Blue

ForegroundNegative

 

#da4453

218,68,83

Icon Red

ForegroundNeutral

 

#f67400

246,116,0

Beware Orange

ForegroundNormal

 

#232629

35,38,39

Shade Black

ForegroundPositive

 

#27ae60

39,174,96

Noble Fir

ForegroundVisited

 

#7f8c8d

127,140,141

Coastal Fog

window

BackgroundAlternate

 

#bdc3c7

189,195,199

Alternate Grey

BackgroundNormal

 

#eff0f1

239,240,241

Cardboard Grey

DecorationFocus

 

#3daee9

61,174,233

Plasma Blue

DecorationHover

 

#93cee9

147,206,233

Hover Blue

ForegroundActive

 

#3daee9

61,174,233

Plasma Blue

ForegroundInactive

 

#7f8c8d

127,140,141

Coastal Fog

ForegroundLink

 

#2980b9

41,128,185

Abyss Blue

ForegroundNegative

 

#da4453

218,68,83

Icon Red

ForegroundNeutral

 

#f67400

246,116,0

Beware Orange

ForegroundNormal

 

#232629

35,38,39

Shade Black

ForegroundPositive

 

#27ae60

39,174,96

Noble Fir

ForegroundVisited

 

#7f8c8d

127,140,141

Coastal Fog

complementary

BackgroundAlternate

 

#3b4045

59,64,69

Burnt Charcoal

BackgroundNormal

 

#31363b

49,54,59

Charcoal Grey

DecorationFocus

 

#1e92ff

30,146,255

Deco Blue

DecorationHover

 

#3daee6

61,174,230

Hyper Blue

ForegroundActive

 

#93cee9

147,206,233

Hover Blue

ForegroundInactive

 

#afb0b3

175,176,179

Lazy Grey

ForegroundLink

 

#3daee6

61,174,230

Hyper Blue

ForegroundNegative

 

#e74c3c

231,76,60

Pimpinella

ForegroundNeutral

 

#fdbc4b

253,188,75

Icon Yellow

ForegroundNormal

 

#eff0f1

239,240,241

Cardboard Grey

ForegroundPositive

 

#2ecc71

46,204,113

Icon Green

ForegroundVisited

 

#3daee6

61,174,230

Hyper Blue