マテリアルカラー見本帳

red 50

#ffebee

rgba(255, 235, 238, 1)

red 100

#ffcdd2

rgba(255, 205, 210, 1)

red 200

#ef9a9a

rgba(239, 154, 154, 1)

red 300

#e57373

rgba(229, 115, 115, 1)

red 400

#ef5350

rgba(239, 83, 80, 1)

red 500

#f44336

rgba(244, 67, 54, 1)

red 600

#e53935

rgba(229, 57, 53, 1)

red 700

#d32f2f

rgba(211, 47, 47, 1)

red 800

#c62828

rgba(198, 40, 40, 1)

red 900

#b71c1c

rgba(183, 28, 28, 1)

red a100

#ff8a80

rgba(255, 138, 128, 1)

red a200

#ff5252

rgba(255, 82, 82, 1)

red a400

#ff1744

rgba(255, 23, 68, 1)

red a700

#d50000

rgba(213, 0, 0, 1)

pink 50

#fce4ec

rgba(252, 228, 236, 1)

pink 100

#f8bbd0

rgba(248, 187, 208, 1)

pink 200

#f48fb1

rgba(244, 143, 177, 1)

pink 300

#f06292

rgba(240, 98, 146, 1)

pink 400

#ec407a

rgba(236, 64, 122, 1)

pink 500

#e91e63

rgba(233, 30, 99, 1)

pink 600

#d81b60

rgba(216, 27, 96, 1)

pink 700

#c2185b

rgba(194, 24, 91, 1)

pink 800

#ad1457

rgba(173, 20, 87, 1)

pink 900

#880e4f

rgba(136, 14, 79, 1)

pink a100

#ff80ab

rgba(255, 128, 171, 1)

pink a200

#ff4081

rgba(255, 64, 129, 1)

pink a400

#f50057

rgba(245, 0, 87, 1)

pink a700

#c51162

rgba(197, 17, 98, 1)

purple 50

#f3e5f5

rgba(243, 229, 245, 1)

purple 100

#e1bee7

rgba(225, 190, 231, 1)

purple 200

#ce93d8

rgba(206, 147, 216, 1)

purple 300

#ba68c8

rgba(186, 104, 200, 1)

purple 400

#ab47bc

rgba(171, 71, 188, 1)

purple 500

#9c27b0

rgba(156, 39, 176, 1)

purple 600

#8e24aa

rgba(142, 36, 170, 1)

purple 700

#7b1fa2

rgba(123, 31, 162, 1)

purple 800

#6a1b9a

rgba(106, 27, 154, 1)

purple 900

#4a148c

rgba(74, 20, 140, 1)

purple a100

#ea80fc

rgba(234, 128, 252, 1)

purple a200

#e040fb

rgba(224, 64, 251, 1)

purple a400

#d500f9

rgba(213, 0, 249, 1)

purple a700

#aa00ff

rgba(170, 0, 255, 1)

deeppurple 50

#ede7f6

rgba(237, 231, 246, 1)

deeppurple 100

#d1c4e9

rgba(209, 196, 233, 1)

deeppurple 200

#b39ddb

rgba(179, 157, 219, 1)

deeppurple 300

#9575cd

rgba(149, 117, 205, 1)

deeppurple 400

#7e57c2

rgba(126, 87, 194, 1)

deeppurple 500

#673ab7

rgba(103, 58, 183, 1)

deeppurple 600

#5e35b1

rgba(94, 53, 177, 1)

deeppurple 700

#512da8

rgba(81, 45, 168, 1)

deeppurple 800

#4527a0

rgba(69, 39, 160, 1)

deeppurple 900

#311b92

rgba(49, 27, 146, 1)

deeppurple a100

#b388ff

rgba(179, 136, 255, 1)

deeppurple a200

#7c4dff

rgba(124, 77, 255, 1)

deeppurple a400

#651fff

rgba(101, 31, 255, 1)

deeppurple a700

#6200ea

rgba(98, 0, 234, 1)

indigo 50

#e8eaf6

rgba(232, 234, 246, 1)

indigo 100

#c5cae9

rgba(197, 202, 233, 1)

indigo 200

#9fa8da

rgba(159, 168, 218, 1)

indigo 300

#7986cb

rgba(121, 134, 203, 1)

indigo 400

#5c6bc0

rgba(92, 107, 192, 1)

indigo 500

#3f51b5

rgba(63, 81, 181, 1)

indigo 600

#3949ab

rgba(57, 73, 171, 1)

indigo 700

#303f9f

rgba(48, 63, 159, 1)

indigo 800

#283593

rgba(40, 53, 147, 1)

indigo 900

#1a237e

rgba(26, 35, 126, 1)

indigo a100

#8c9eff

rgba(140, 158, 255, 1)

indigo a200

#536dfe

rgba(83, 109, 254, 1)

indigo a400

#3d5afe

rgba(61, 90, 254, 1)

indigo a700

#304ffe

rgba(48, 79, 254, 1)

blue 50

#e3f2fd

rgba(227, 242, 253, 1)

blue 100

#bbdefb

rgba(187, 222, 251, 1)

blue 200

#90caf9

rgba(144, 202, 249, 1)

blue 300

#64b5f6

rgba(100, 181, 246, 1)

blue 400

#42a5f5

rgba(66, 165, 245, 1)

blue 500

#2196f3

rgba(33, 150, 243, 1)

blue 600

#1e88e5

rgba(30, 136, 229, 1)

blue 700

#1976d2

rgba(25, 118, 210, 1)

blue 800

#1565c0

rgba(21, 101, 192, 1)

blue 900

#0d47a1

rgba(13, 71, 161, 1)

blue a100

#82b1ff

rgba(130, 177, 255, 1)

blue a200

#448aff

rgba(68, 138, 255, 1)

blue a400

#2979ff

rgba(41, 121, 255, 1)

blue a700

#2962ff

rgba(41, 98, 255, 1)

lightblue 50

#e1f5fe

rgba(225, 245, 254, 1)

lightblue 100

#b3e5fc

rgba(179, 229, 252, 1)

lightblue 200

#81d4fa

rgba(129, 212, 250, 1)

lightblue 300

#4fc3f7

rgba(79, 195, 247, 1)

lightblue 400

#29b6f6

rgba(41, 182, 246, 1)

lightblue 500

#03a9f4

rgba(3, 169, 244, 1)

lightblue 600

#039be5

rgba(3, 155, 229, 1)

lightblue 700

#0288d1

rgba(2, 136, 209, 1)

lightblue 800

#0277bd

rgba(2, 119, 189, 1)

lightblue 900

#01579b

rgba(1, 87, 155, 1)

lightblue a100

#80d8ff

rgba(128, 216, 255, 1)

lightblue a200

#40c4ff

rgba(64, 196, 255, 1)

lightblue a400

#00b0ff

rgba(0, 176, 255, 1)

lightblue a700

#0091ea

rgba(0, 145, 234, 1)

cyan 50

#e0f7fa

rgba(224, 247, 250, 1)

cyan 100

#b2ebf2

rgba(178, 235, 242, 1)

cyan 200

#80deea

rgba(128, 222, 234, 1)

cyan 300

#4dd0e1

rgba(77, 208, 225, 1)

cyan 400

#26c6da

rgba(38, 198, 218, 1)

cyan 500

#00bcd4

rgba(0, 188, 212, 1)

cyan 600

#00acc1

rgba(0, 172, 193, 1)

cyan 700

#0097a7

rgba(0, 151, 167, 1)

cyan 800

#00838f

rgba(0, 131, 143, 1)

cyan 900

#006064

rgba(0, 96, 100, 1)

cyan a100

#84ffff

rgba(132, 255, 255, 1)

cyan a200

#18ffff

rgba(24, 255, 255, 1)

cyan a400

#00e5ff

rgba(0, 229, 255, 1)

cyan a700

#00b8d4

rgba(0, 184, 212, 1)

teal 50

#e0f2f1

rgba(224, 242, 241, 1)

teal 100

#b2dfdb

rgba(178, 223, 219, 1)

teal 200

#80cbc4

rgba(128, 203, 196, 1)

teal 300

#4db6ac

rgba(77, 182, 172, 1)

teal 400

#26a69a

rgba(38, 166, 154, 1)

teal 500

#009688

rgba(0, 150, 136, 1)

teal 600

#00897b

rgba(0, 137, 123, 1)

teal 700

#00796b

rgba(0, 121, 107, 1)

teal 800

#00695c

rgba(0, 105, 92, 1)

teal 900

#004d40

rgba(0, 77, 64, 1)

teal a100

#a7ffeb

rgba(167, 255, 235, 1)

teal a200

#64ffda

rgba(100, 255, 218, 1)

teal a400

#1de9b6

rgba(29, 233, 182, 1)

teal a700

#00bfa5

rgba(0, 191, 165, 1)

green 50

#e8f5e9

rgba(232, 245, 233, 1)

green 100

#c8e6c9

rgba(200, 230, 201, 1)

green 200

#a5d6a7

rgba(165, 214, 167, 1)

green 300

#81c784

rgba(129, 199, 132, 1)

green 400

#66bb6a

rgba(102, 187, 106, 1)

green 500

#4caf50

rgba(76, 175, 80, 1)

green 600

#43a047

rgba(67, 160, 71, 1)

green 700

#388e3c

rgba(56, 142, 60, 1)

green 800

#2e7d32

rgba(46, 125, 50, 1)

green 900

#1b5e20

rgba(27, 94, 32, 1)

green a100

#b9f6ca

rgba(185, 246, 202, 1)

green a200

#69f0ae

rgba(105, 240, 174, 1)

green a400

#00e676

rgba(0, 230, 118, 1)

green a700

#00c853

rgba(0, 200, 83, 1)

lightgreen 50

#f1f8e9

rgba(241, 248, 233, 1)

lightgreen 100

#dcedc8

rgba(220, 237, 200, 1)

lightgreen 200

#c5e1a5

rgba(197, 225, 165, 1)

lightgreen 300

#aed581

rgba(174, 213, 129, 1)

lightgreen 400

#9ccc65

rgba(156, 204, 101, 1)

lightgreen 500

#8bc34a

rgba(139, 195, 74, 1)

lightgreen 600

#7cb342

rgba(124, 179, 66, 1)

lightgreen 700

#689f38

rgba(104, 159, 56, 1)

lightgreen 800

#558b2f

rgba(85, 139, 47, 1)

lightgreen 900

#33691e

rgba(51, 105, 30, 1)

lightgreen a100

#ccff90

rgba(204, 255, 144, 1)

lightgreen a200

#b2ff59

rgba(178, 255, 89, 1)

lightgreen a400

#76ff03

rgba(118, 255, 3, 1)

lightgreen a700

#64dd17

rgba(100, 221, 23, 1)

lime 50

#f9fbe7

rgba(249, 251, 231, 1)

lime 100

#f0f4c3

rgba(240, 244, 195, 1)

lime 200

#e6ee9c

rgba(230, 238, 156, 1)

lime 300

#dce775

rgba(220, 231, 117, 1)

lime 400

#d4e157

rgba(212, 225, 87, 1)

lime 500

#cddc39

rgba(205, 220, 57, 1)

lime 600

#c0ca33

rgba(192, 202, 51, 1)

lime 700

#afb42b

rgba(175, 180, 43, 1)

lime 800

#9e9d24

rgba(158, 157, 36, 1)

lime 900

#827717

rgba(130, 119, 23, 1)

lime a100

#f4ff81

rgba(244, 255, 129, 1)

lime a200

#eeff41

rgba(238, 255, 65, 1)

lime a400

#c6ff00

rgba(198, 255, 0, 1)

lime a700

#aeea00

rgba(174, 234, 0, 1)

yellow 50

#fffde7

rgba(255, 253, 231, 1)

yellow 100

#fff9c4

rgba(255, 249, 196, 1)

yellow 200

#fff59d

rgba(255, 245, 157, 1)

yellow 300

#fff176

rgba(255, 241, 118, 1)

yellow 400

#ffee58

rgba(255, 238, 88, 1)

yellow 500

#ffeb3b

rgba(255, 235, 59, 1)

yellow 600

#fdd835

rgba(253, 216, 53, 1)

yellow 700

#fbc02d

rgba(251, 192, 45, 1)

yellow 800

#f9a825

rgba(249, 168, 37, 1)

yellow 900

#f57f17

rgba(245, 127, 23, 1)

yellow a100

#ffff8d

rgba(255, 255, 141, 1)

yellow a200

#ffff00

rgba(255, 255, 0, 1)

yellow a400

#ffea00

rgba(255, 234, 0, 1)

yellow a700

#ffd600

rgba(255, 214, 0, 1)

amber 50

#fff8e1

rgba(255, 248, 225, 1)

amber 100

#ffecb3

rgba(255, 236, 179, 1)

amber 200

#ffe082

rgba(255, 224, 130, 1)

amber 300

#ffd54f

rgba(255, 213, 79, 1)

amber 400

#ffca28

rgba(255, 202, 40, 1)

amber 500

#ffc107

rgba(255, 193, 7, 1)

amber 600

#ffb300

rgba(255, 179, 0, 1)

amber 700

#ffa000

rgba(255, 160, 0, 1)

amber 800

#ff8f00

rgba(255, 143, 0, 1)

amber 900

#ff6f00

rgba(255, 111, 0, 1)

amber a100

#ffe57f

rgba(255, 229, 127, 1)

amber a200

#ffd740

rgba(255, 215, 64, 1)

amber a400

#ffc400

rgba(255, 196, 0, 1)

amber a700

#ffab00

rgba(255, 171, 0, 1)

orange 50

#fff3e0

rgba(255, 243, 224, 1)

orange 100

#ffe0b2

rgba(255, 224, 178, 1)

orange 200

#ffcc80

rgba(255, 204, 128, 1)

orange 300

#ffb74d

rgba(255, 183, 77, 1)

orange 400

#ffa726

rgba(255, 167, 38, 1)

orange 500

#ff9800

rgba(255, 152, 0, 1)

orange 600

#fb8c00

rgba(251, 140, 0, 1)

orange 700

#f57c00

rgba(245, 124, 0, 1)

orange 800

#ef6c00

rgba(239, 108, 0, 1)

orange 900

#e65100

rgba(230, 81, 0, 1)

orange a100

#ffd180

rgba(255, 209, 128, 1)

orange a200

#ffab40

rgba(255, 171, 64, 1)

orange a400

#ff9100

rgba(255, 145, 0, 1)

orange a700

#ff6d00

rgba(255, 109, 0, 1)

deeporange 50

#fbe9e7

rgba(251, 233, 231, 1)

deeporange 100

#ffccbc

rgba(255, 204, 188, 1)

deeporange 200

#ffab91

rgba(255, 171, 145, 1)

deeporange 300

#ff8a65

rgba(255, 138, 101, 1)

deeporange 400

#ff7043

rgba(255, 112, 67, 1)

deeporange 500

#ff5722

rgba(255, 87, 34, 1)

deeporange 600

#f4511e

rgba(244, 81, 30, 1)

deeporange 700

#e64a19

rgba(230, 74, 25, 1)

deeporange 800

#d84315

rgba(216, 67, 21, 1)

deeporange 900

#bf360c

rgba(191, 54, 12, 1)

deeporange a100

#ff9e80

rgba(255, 158, 128, 1)

deeporange a200

#ff6e40

rgba(255, 110, 64, 1)

deeporange a400

#ff3d00

rgba(255, 61, 0, 1)

deeporange a700

#dd2c00

rgba(221, 44, 0, 1)

brown 50

#efebe9

rgba(239, 235, 233, 1)

brown 100

#d7ccc8

rgba(215, 204, 200, 1)

brown 200

#bcaaa4

rgba(188, 170, 164, 1)

brown 300

#a1887f

rgba(161, 136, 127, 1)

brown 400

#8d6e63

rgba(141, 110, 99, 1)

brown 500

#795548

rgba(121, 85, 72, 1)

brown 600

#6d4c41

rgba(109, 76, 65, 1)

brown 700

#5d4037

rgba(93, 64, 55, 1)

brown 800

#4e342e

rgba(78, 52, 46, 1)

brown 900

#3e2723

rgba(62, 39, 35, 1)

grey 50

#fafafa

rgba(250, 250, 250, 1)

grey 100

#f5f5f5

rgba(245, 245, 245, 1)

grey 200

#eeeeee

rgba(238, 238, 238, 1)

grey 300

#e0e0e0

rgba(224, 224, 224, 1)

grey 400

#bdbdbd

rgba(189, 189, 189, 1)

grey 500

#9e9e9e

rgba(158, 158, 158, 1)

grey 600

#757575

rgba(117, 117, 117, 1)

grey 700

#616161

rgba(97, 97, 97, 1)

grey 800

#424242

rgba(66, 66, 66, 1)

grey 900

#212121

rgba(33, 33, 33, 1)

bluegrey 50

#eceff1

rgba(236, 239, 241, 1)

bluegrey 100

#cfd8dc

rgba(207, 216, 220, 1)

bluegrey 200

#b0bec5

rgba(176, 190, 197, 1)

bluegrey 300

#90a4ae

rgba(144, 164, 174, 1)

bluegrey 400

#78909c

rgba(120, 144, 156, 1)

bluegrey 500

#607d8b

rgba(96, 125, 139, 1)

bluegrey 600

#546e7a

rgba(84, 110, 122, 1)

bluegrey 700

#455a64

rgba(69, 90, 100, 1)

bluegrey 800

#37474f

rgba(55, 71, 79, 1)

bluegrey 900

#263238

rgba(38, 50, 56, 1)