Skip to main content

colorBase

Color tools & libraries

Colors Brands Names Gradients Palettes Images Dev Blog

colorBase

Free modern color tools for designers and developers. Visit colorbase.in.

Our Tools

All tools
CSS Tools
Developer Tools
Text Tools

Libraries

Color Library
Brand Colors
Gradients
Palettes

Company

About
Blog
Contact
Privacy

© 2026 colorBase. All rights reserved.

Home
Color Library
Material Design Colors

Design system

Material Design Colors

80 colors from the Material Design Colors system. Click any swatch for full formats and harmonies.

#f44336

#e91e63

#9c27b0

#2196f3

#4caf50

#ff9800

#bbdefb

Material Blue 100

Shade 100

#90caf9

Material Blue 200

Shade 200

#64b5f6

Material Blue 300

Shade 300

#42a5f5

Material Blue 400

Shade 400

#e3f2fd

Material Blue 50

Shade 50

#2196f3

Material Blue 500

Shade 500

#1e88e5

Material Blue 600

Shade 600

#1976d2

Material Blue 700

Shade 700

#1565c0

Material Blue 800

Shade 800

#0d47a1

Material Blue 900

Shade 900

#c8e6c9

Material Green 100

Shade 100

#a5d6a7

Material Green 200

Shade 200

#81c784

Material Green 300

Shade 300

#66bb6a

Material Green 400

Shade 400

#e8f5e9

Material Green 50

Shade 50

#4caf50

Material Green 500

Shade 500

#43a047

Material Green 600

Shade 600

#388e3c

Material Green 700

Shade 700

#2e7d32

Material Green 800

Shade 800

#1b5e20

Material Green 900

Shade 900

#eeeeee

Material Grey 200

Shade 200

#e0e0e0

Material Grey 300

Shade 300

#bdbdbd

Material Grey 400

Shade 400

#fafafa

Material Grey 50

Shade 50

#9e9e9e

Material Grey 500

Shade 500

#757575

Material Grey 600

Shade 600

#616161

Material Grey 700

Shade 700

#424242

Material Grey 800

Shade 800

#212121

Material Grey 900

Shade 900

#ffe0b2

Material Orange 100

Shade 100

#ffcc80

Material Orange 200

Shade 200

#ffb74d

Material Orange 300

Shade 300

#ffa726

Material Orange 400

Shade 400

#fff3e0

Material Orange 50

Shade 50

#ff9800

Material Orange 500

Shade 500

#fb8c00

Material Orange 600

Shade 600

#f57c00

Material Orange 700

Shade 700

#ef6c00

Material Orange 800

Shade 800

#e65100

Material Orange 900

Shade 900

#f8bbd0

Material Pink 100

Shade 100

#f48fb1

Material Pink 200

Shade 200

#f06292

Material Pink 300

Shade 300

#ec407a

Material Pink 400

Shade 400

#fce4ec

Material Pink 50

Shade 50

#e91e63

Material Pink 500

Shade 500

#d81b60

Material Pink 600

Shade 600

#c2185b

Material Pink 700

Shade 700

#ad1457

Material Pink 800

Shade 800

#880e4f

Material Pink 900

Shade 900

#e1bee7

Material Purple 100

Shade 100

#ce93d8

Material Purple 200

Shade 200

#ba68c8

Material Purple 300

Shade 300

#ab47bc

Material Purple 400

Shade 400

#f3e5f5

Material Purple 50

Shade 50

#9c27b0

Material Purple 500

Shade 500

#8e24aa

Material Purple 600

Shade 600

#7b1fa2

Material Purple 700

Shade 700

#6a1b9a

Material Purple 800

Shade 800

#4a148c

Material Purple 900

Shade 900

#ffcdd2

Material Red 100

Shade 100

#ef9a9a

Material Red 200

Shade 200

#e57373

Material Red 300

Shade 300

#ef5350

Material Red 400

Shade 400

#ffebee

Material Red 50

Shade 50

#f44336

Material Red 500

Shade 500

#e53935

Material Red 600

Shade 600

#d32f2f

Material Red 700

Shade 700

#c62828

Material Red 800

Shade 800

#b71c1c

Material Red 900

Shade 900

#b2dfdb

Material Teal 100

Shade 100

#80cbc4

Material Teal 200

Shade 200

#4db6ac

Material Teal 300

Shade 300

#26a69a

Material Teal 400

Shade 400

#e0f2f1

Material Teal 50

Shade 50

#009688

Material Teal 500

Shade 500

#00897b

Material Teal 600

Shade 600

#00796b

Material Teal 700

Shade 700

#00695c

Material Teal 800

Shade 800

#004d40

Material Teal 900

Shade 900

#f5f5f5

WhiteSmoke

white