Breeze High ContrastΒΆ

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

 

#4d4d4d

77,77,77

Icon Grey

DecorationFocus

 

#1d99f3

29,153,243

Icon Blue

DecorationHover

 

#4d4d4d

77,77,77

Icon Grey

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

 

#fcfcfc

252,252,252

Paper White

ForegroundPositive

 

#27ae60

39,174,96

Noble Fir

ForegroundVisited

 

#7f8c8d

127,140,141

Coastal Fog

selection

BackgroundAlternate

 

#1d99f3

29,153,243

Icon Blue

BackgroundNormal

 

#34495e

52,73,94

Night Blue

DecorationFocus

 

#1d99f3

29,153,243

Icon Blue

DecorationHover

 

#4d4d4d

77,77,77

Icon Grey

ForegroundActive

 

#fcfcfc

252,252,252

Paper White

ForegroundInactive

 

#fcfcfc

252,252,252

Paper White

ForegroundLink

 

#fdbc4b

253,188,75

Icon Yellow

ForegroundNegative

 

#da4453

218,68,83

Icon Red

ForegroundNeutral

 

#f67400

246,116,0

Beware Orange

ForegroundNormal

 

#eff0f1

239,240,241

Cardboard Grey

ForegroundPositive

 

#27ae60

39,174,96

Noble Fir

ForegroundVisited

 

#bdc3c7

189,195,199

Alternate Grey

tooltip

BackgroundAlternate

 

#4d4d4d

77,77,77

Icon Grey

BackgroundNormal

 

#1d99f3

29,153,243

Icon Blue

DecorationFocus

 

#1d99f3

29,153,243

Icon Blue

DecorationHover

 

#4d4d4d

77,77,77

Icon Grey

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

 

#fcfcfc

252,252,252

Paper White

ForegroundPositive

 

#27ae60

39,174,96

Noble Fir

ForegroundVisited

 

#7f8c8d

127,140,141

Coastal Fog

view

BackgroundAlternate

 

#292c30

41,44,48

BackgroundNormal

 

#232629

35,38,41

DecorationFocus

 

#1d99f3

29,153,243

Icon Blue

DecorationHover

 

#4d4d4d

77,77,77

Icon Grey

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

 

#fcfcfc

252,252,252

Paper White

ForegroundPositive

 

#27ae60

39,174,96

Noble Fir

ForegroundVisited

 

#7f8c8d

127,140,141

Coastal Fog

window

BackgroundAlternate

 

#bdc3c7

189,195,199

Alternate Grey

BackgroundNormal

 

#31363b

49,54,59

Charcoal Grey

DecorationFocus

 

#1d99f3

29,153,243

Icon Blue

DecorationHover

 

#4d4d4d

77,77,77

Icon Grey

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

 

#fcfcfc

252,252,252

Paper White

ForegroundPositive

 

#27ae60

39,174,96

Noble Fir

ForegroundVisited

 

#7f8c8d

127,140,141

Coastal Fog

complementary

BackgroundAlternate

 

#292c30

41,44,48

BackgroundNormal

 

#232629

35,38,41

DecorationFocus

 

#1d99f3

29,153,243

Icon Blue

DecorationHover

 

#4d4d4d

77,77,77

Icon Grey

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

 

#fcfcfc

252,252,252

Paper White

ForegroundPositive

 

#27ae60

39,174,96

Noble Fir

ForegroundVisited

 

#7f8c8d

127,140,141

Coastal Fog