Current page ：
Home Material Dashboard Design Practitioner Guide and Design Templates Using the Color Palette Dashboard Design Template Color Codes
Dashboard Design Template Color Codes
Last Updated:
Jul 17, 2026
Table of Contents 1. Solid Gray Color Code Text name color code Text (Black) #000000 Text (White) #FFFFFF Label #626264 Link #0017C1
Background: name color code Standard #F8F8FB Highlight #4D4D4D Control #F1F1F4
Chart name color code SolidGray 900 #1A1A1A SolidGray 700 #4D4D4D SolidGray 536 #767676 SolidGray 400 #999999 SolidGray 200 #CCCCCC SolidGray 50 #F2F2F2 Yellow 800 #A58000 Yellow 600 #D2A400 Yellow 400 #FFC700
Semantic Color name color code Blue 600 #3460FB Blue 200 #C5D7FB Blue 50 #E8F1FE Red 600 #FE3939 Red 200 #FFBBBB Red 50 #FDEEEE Success #197A4B Error #CE0000
2. Blue color code Text name color code Text (Black) #000000 Text (White) #FFFFFF Label #626264 Link #0017C1
Background: name color code Standard #F8F8FB Highlight #0017C1 Control #F1F1F4
Chart name color code Blue 1200 #000060 Blue 900 #0017C1 Blue 600 #3460FB Blue 400 #7096F8 Blue 200 #C5D7FB Blue 50 #E8F1FE Yellow 800 #A58000 Yellow 600 #D2A400 Yellow 400 #FFC700 SolidGray 800 #333333 SolidGray 600 #666666 SolidGray 400 #999999 SolidGray 200 #CCCCCC
Semantic Color name color code Blue 600 #3460FB Blue 200 #C5D7FB Blue 50 #E8F1FE Red 600 #FE3939 Red 200 #FFBBBB Red 50 #FDEEEE Success #197A4B Error #CE0000
3. Light Blue Color Code Text name color code Text (Black) #000000 Text (White) #FFFFFF Label #626264 Link #0017C1
Background: name color code Standard #F8F8FB Highlight #0055AD Control #F1F1F4
Chart name color code LightBlue 1200 #00234B LightBlue 900 #0055AD LightBlue 600 #008BF2 LightBlue 400 #57B8FF LightBlue 200 #C0E4FF LightBlue 50 #F0F9FF Yellow 800 #A58000 Yellow 600 #D2A400 Yellow 400 #FFC700 SolidGray 800 #333333 SolidGray 600 #666666 SolidGray 400 #999999 SolidGray 200 #CCCCCC
Semantic Color name color code LightBlue 600 #008BF2 LightBlue 200 #C0E4FF LightBlue 50 #F0F9FF Red 600 #FE3939 Red 200 #FFBBBB Red 50 #FDEEEE Success #197A4B Error #CE0000
4. Cyan color coding Text name color code Text (Black) #000000 Text (White) #FFFFFF Label #626264 Link #0017C1
Background: name color code Standard #F8F8FB Highlight #006F83 Control #F1F1F4
Chart name color code Cyan 1200 #003741 Cyan 900 #006F83 Cyan 600 #00A3BF Cyan 400 #2BC8E4 Cyan 200 #99F2FF Cyan 50 #E6FCFF Green 800 #197A4B Green 600 #259D63 Green 400 #51B883 SolidGray 800 #333333 SolidGray 600 #666666 SolidGray 400 #999999 SolidGray 200 #CCCCCC
Semantic Color name color code Cyan 600 #00A3BF Cyan 200 #99F2FF Cyan 50 #E6FCFF SolidGray 600 #666666 SolidGray 200 #CCCCCC SolidGray 50 #F2F2F2 Success #197A4B Error #CE0000
5. Green Color Code Text name color code Text (Black) #000000 Text (White) #FFFFFF Label #626264 Link #0017C1
Background: name color code Standard #F8F8FB Highlight #115A36 Control #F1F1F4
Chart name color code Green 1200 #032213 Green 900 #115A36 Green 600 #259D63 Green 400 #51B883 Green 200 #9BD4B5 Green 50 #E6F5EC Cyan 800 #008299 Cyan 600 #00A3BF Cyan 400 #2BC8E4 SolidGray 800 #333333 SolidGray 600 #666666 SolidGray 400 #999999 SolidGray 200 #CCCCCC
Semantic Color name color code Green 600 #259D63 Green 200 #9BD4B5 Green 50 #E6F5EC SolidGray 600 #666666 SolidGray 200 #CCCCCC SolidGray 50 #F2F2F2 Success #197A4B Error #CE0000
6. Orange color coding Text name color code Text (Black) #000000 Text (White) #FFFFFF Label #626264 Link #0017C1
Background: name color code Standard #F8F8FB Highlight #AC3E00 Control #F1F1F4
Chart name color code Orange 1200 #541E00 Orange 900 #AC3E00 Orange 600 #FB5B01 Orange 400 #FF8D44 Orange 200 #FFC199 Orange 50 #FFEEE2 Yellow 800 #A58000 Yellow 600 #D2A400 Yellow 400 #FFC700 SolidGray 800 #333333 SolidGray 600 #666666 SolidGray 400 #999999 SolidGray 200 #CCCCCC
Semantic Color name color code Orange 600 #FB5B01 Orange 200 #FFC199 Orange 50 #FFEEE2 SolidGray 600 #666666 SolidGray 200 #CCCCCC SolidGray 50 #F2F2F2 Success #197A4B Error #850000
7. Red color code Text name color code Text (Black) #000000 Text (White) #FFFFFF Label #626264 Link #0017C1
Background: name color code Standard #F8F8FB Highlight #CE0000 Control #F1F1F4
Chart name color code Red 1200 #620000 Red 900 #CE0000 Red 600 #FE3939 Red 400 #FF7171 Red 200 #FFBBBB Red 50 #FDEEEE Yellow 800 #A58000 Yellow 600 #D2A400 Yellow 400 #FFC700 SolidGray 800 #333333 SolidGray 600 #666666 SolidGray 400 #999999 SolidGray 200 #CCCCCC
Semantic Color name color code Red 600 #FE3939 Red 200 #FFBBBB Red 50 #FDEEEE SolidGray 600 #666666 SolidGray 200 #CCCCCC SolidGray 50 #F2F2F2 Success #197A4B Error #850000
