Breeze¶
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 Gray |
|
BackgroundNormal |
#eff0f1 |
239,240,241 |
Cardboard Gray |
||
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 Gray |
||
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 Gray |
||
tooltip |
BackgroundAlternate |
#4d4d4d |
77,77,77 |
Icon Gray |
|
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 Gray |
||
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 Gray |
|
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 Gray |
|
BackgroundNormal |
#eff0f1 |
239,240,241 |
Cardboard Gray |
||
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 Gray |
||
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 Gray |
||
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 Gray |
||
ForegroundPositive |
#2ecc71 |
46,204,113 |
Icon Green |
||
ForegroundVisited |
#3daee6 |
61,174,230 |
Hyper Blue |