Colors

Units:
Navigation

TEAL

50 #E0F2F1 rgb(208,247,204)
100 #B2DFDB rgb(182,238,175)
200 #80CBC4 rgb(144,224,133)
300 #4DB6AC rgb(102,209,86)
400 #26A69A rgb(64,195,45)
500 #009688 rgb(38,184,16) Accent Buttons
600 #00897B rgb(35,166,15)
700 #00796B rgb(29,141,12)
800 #00695C rgb(24,114,10)
900 #004D40 rgb(19,86,7)

Amber

50 #FFF7DE rgb(255,247,222)
100 #FFEEBA rgb(255,238,186)
200 #FFE082 rgb(255,226,153)
300 #FFD54F rgb(255,214,112)
400 #FFCA28 rgb(255,199,66)
500 #FFC107 rgb(255,177,0)
600 #FFB300 rgb(242,145,0)
700 #FFA000 rgb(230,114,25)
800 #FF8F00 rgb(207,89,0)
900 #FF6F00 rgb(171,74,14)

Red

50 #FFEBEE rgb(252,225,225)
100 #FFCDD2 rgb(255,201,204)
200 #FFCDD2 rgb(250,167,170)
300 #E57373 rgb(255,125,125)
400 #EF5350 rgb(250,79,79)
500 #F44336 rgb(221,0,20)
600 #E53935 rgb(191,0,18)
700 #D32F2F rgb(156,0,13)
800 #C62828 rgb(125,0,11)
900 #B71C1C rgb(97,0,8)

Indigo

50 #E8EAF6 rgb(212,238,253) Hover Background
100 #C5CAE9 rgb(180,224,252)
200 #9FA8DA rgb(140,209,250)
300 #7986CB rgb(91,191,245)
400 #5C6BC0 rgb(0,174,239)
500 #3F51B5 rgb(0,152,243) Buttons & Links
600 #3949AB rgb(0,139,223)
700 #303F9F rgb(0,123,196)
800 #283593 rgb(0,104,165)
900 #1A237E rgb(0,86,138)

Lime

50 #F9FBE7 rgb(255,222,250)
100 #F0F4C3 rgb(247,191,242)
200 #E6EE9C rgb(235,159,227)
300 #DCE775 rgb(219,120,208)
400 #D4E157 rgb(194,74,189)
500 #CDDC39 rgb(178,85,172)
600 #C0CA33 rgb(156,21,150)
700 #AFB42B rgb(128,21,123)
800 #9E9D24 rgb(97,17,94)
900 #827717 rgb(79,13,76)

Pink

50 #FCE4EC rgb(255,222,250)
100 #F8BBD0 rgb(247,191,242)
200 #F48FB1 rgb(235,159,227)
300 #F06292 rgb(219,120,208)
400 #EC407A rgb(194,74,189)
500 #E91E63 rgb(178,85,172)
600 #D81B60 rgb(156,21,150)
700 #C2185B rgb(128,21,123)
800 #AD1457 rgb(97,17,94)
900 #880E4F rgb(79,13,76)

Gray

50 #CFD8DC rgb(245,249,252)
100 #CFD8DC rgb(237,238,240)
200 #B0BEC5 rgb(221,230,237) Secondary Divider
300 #90A4AE rgb(213,215,219) Disabled Content
400 #78909C rgb(187,204,221) Primary Dividers
500 #607D8B rgb(155,170,184) Secondary Text
600 #546E7A rgb(121,129,140)
700 #455A64 rgb(93,101,116)
800 #37474F rgb(53,64,82) Titles & Icons
900 #263238 rgb(21,25,33) Body Copy