Tools
Check out the color usage guidelines for how to use color to make products easier to use.
blue-10
#EAF0F8blue-20
#DFE8F4blue-30
#C0D1E9blue-40
#8BABD6blue-50
#4176BCblue-60
#2C67B5blue-70
#285DA3blue-80 (was blue-darkest)
#235291blue-90
#1A3E6Dblue-100
#122948turquoise-10
#f8fefeturquoise-20
#e8fbfbturquoise-30
#c9f5f6turquoise-40
#9ce9eaturquoise-50
#68d7d9turquoise-60
#38c2c4turquoise-70
#15a1a6turquoise-80
#037e87turquoise-90
#005f6bturquoise-100
#004453green-10
#EBF7F6green-20
#D6EFECgreen-30
#ADDFD9green-40
#84D0C6green-50
#5BC0B3green-60
#32B0A0green-70
#2D9E90green-80
#237C70green-90
#1E6A60green-100
#144640lime-10
#fafdeelime-20
#f5fcd5lime-30
#ebfcaclime-40
#ddfb74lime-50
#c9ec56lime-60
#b1d636lime-70
#94b524lime-80
#738c12lime-90
#536507lime-100
#384202yellow-10
#fffef7yellow-20
#fffcedyellow-30 (was yellow-lightest)
#fef8dayellow-40 (was yellow-light)
#fcefb6yellow-50 (was yellow)
#fbe284yellow-60 (was yellow-dark)
#f8d648yellow-70 (was yellow-darkest)
#ddb31fyellow-80
#b48804yellow-90
#825a00yellow-100
#4d2f00orange-10
#FFEEE8orange-20
#FAE5DEorange-30
#F5CABDorange-40
#EFB09Corange-50
#EA957Borange-60
#E57B5Aorange-70
#CE6F51orange-80
#B76248orange-90
#A0563Forange-100
#733E2Dred-10
#F9E9ECred-20
#F4D3D8red-30
#E9A7B2red-40
#DD7A8Bred-50
#D24E65red-60
#C7223Ered-70
#B31F38red-80
#9F1B32red-90
#771425red-100
#500E19brown-10
#FBF8F7brown-20
#F0EAE1brown-30
#E2D5C2brown-40
#CCB695brown-50
#C5AB85brown-60
#B69667brown-70
#A4875Dbrown-80
#7F6948brown-90
#5B4B34brown-100
#493C29gray-10
#F4F4F4gray-20
#EBECECgray-30
#DEDFDFgray-40
#C4C4C4gray-50
#A7AAAAgray-60
#7B8080gray-70
#656B6Bgray-80 (was gray-dark-1)
#394040gray-90
#232B2Bgray-100
#1C2222black
#000000white
#ffffffblue-10
#EAF0F8blue-20
#DFE8F4blue-30
#C0D1E9blue-40
#8BABD6blue-50
#4176BCblue-60
#2C67B5blue-70
#285DA3blue-80 (was blue-darkest)
#235291blue-90
#1A3E6Dblue-100
#122948turquoise-10
#f8fefeturquoise-20
#e8fbfbturquoise-30
#c9f5f6turquoise-40
#9ce9eaturquoise-50
#68d7d9turquoise-60
#38c2c4turquoise-70
#15a1a6turquoise-80
#037e87turquoise-90
#005f6bturquoise-100
#004453green-10
#EBF7F6green-20
#D6EFECgreen-30
#ADDFD9green-40
#84D0C6green-50
#5BC0B3green-60
#32B0A0green-70
#2D9E90green-80
#237C70green-90
#1E6A60green-100
#144640lime-10
#fafdeelime-20
#f5fcd5lime-30
#ebfcaclime-40
#ddfb74lime-50
#c9ec56lime-60
#b1d636lime-70
#94b524lime-80
#738c12lime-90
#536507lime-100
#384202yellow-10
#fffef7yellow-20
#fffcedyellow-30 (was yellow-lightest)
#fef8dayellow-40 (was yellow-light)
#fcefb6yellow-50 (was yellow)
#fbe284yellow-60 (was yellow-dark)
#f8d648yellow-70 (was yellow-darkest)
#ddb31fyellow-80
#b48804yellow-90
#825a00yellow-100
#4d2f00orange-10
#FFEEE8orange-20
#FAE5DEorange-30
#F5CABDorange-40
#EFB09Corange-50
#EA957Borange-60
#E57B5Aorange-70
#CE6F51orange-80
#B76248orange-90
#A0563Forange-100
#733E2Dred-10
#F9E9ECred-20
#F4D3D8red-30
#E9A7B2red-40
#DD7A8Bred-50
#D24E65red-60
#C7223Ered-70
#B31F38red-80
#9F1B32red-90
#771425red-100
#500E19brown-10
#FBF8F7brown-20
#F0EAE1brown-30
#E2D5C2brown-40
#CCB695brown-50
#C5AB85brown-60
#B69667brown-70
#A4875Dbrown-80
#7F6948brown-90
#5B4B34brown-100
#493C29gray-10
#F4F4F4gray-20
#EBECECgray-30
#DEDFDFgray-40
#C4C4C4gray-50
#A7AAAAgray-60
#7B8080gray-70
#656B6Bgray-80 (was gray-dark-1)
#394040gray-90
#232B2Bgray-100
#1C2222black
#000000white
#ffffffIs this page helpful?