Color Palettes Color Codes

Material Colors

Google Material UI Colors by Google

#d50000

#ff1744

#ff5252

#ff8a80

#b71c1c

#c62828

#d32f2f

#e53935

#f44336

#ef5350

#e57373

#ef9a9a

#c51162

#f50057

#ff4081

#ff80ab

#880e4f

#ad1457

#c2185b

#d81b60

#e91e63

#ec407a

#f06292

#f48fb1

#aa00ff

#d500f9

#e040fb

#ea80fc

#4a148c

#6a1b9a

#7b1fa2

#8e24aa

#9c27b0

#ab47bc

#ba68c8

#ce93d8

#2962ff

#2979ff

#448aff

#82b1ff

#0d47a1

#1565c0

#1976d2

#1e88e5

#2196f3

#42a5f5

#64b5f6

#90caf9

#304ffe

#3d5afe

#536dfe

#8c9eff

#1a237e

#283593

#303f9f

#3949ab

#3f51b5

#5c6bc0

#7986cb

#9fa8da

#6200ea

#651fff

#7c4dff

#b388ff

#311b92

#4527a0

#512da8

#5e35b1

#673ab7

#7e57c2

#9575cd

#b39ddb

#0091ea

#00b0ff

#40c4ff

#80d8ff

#01579b

#0277bd

#0288d1

#039be5

#03a9f4

#29b6f6

#4fc3f7

#81d4fa

#00b8d4

#00e5ff

#18ffff

#84ffff

#006064

#00838f

#0097a7

#00acc1

#00bcd4

#26c6da

#4dd0e1

#80deea

#00bfa5

#1de9b6

#64ffda

#a7ffeb

#004d40

#00695c

#00796b

#00897b

#009688

#26a69a

#4db6ac

#80cbc4

#00c853

#00e676

#69f0ae

#b9f6ca

#1b5e20

#2e7d32

#388e3c

#43a047

#4caf50

#66bb6a

#81c784

#a5d6a7

#64dd17

#76ff03

#b2ff59

#ccff90

#33691e

#558b2f

#689f38

#7cb342

#8bc34a

#9ccc65

#aed581

#c5e1a5

#aeea00

#c6ff00

#eeff41

#f4ff81

#827717

#9e9d24

#afb42b

#c0ca33

#cddc39

#d4e157

#dce775

#e6ee9c

#ffd600

#ffea00

#ffff00

#ffff8d

#f57f17

#f9a825

#fbc02d

#fdd835

#ffeb3b

#ffee58

#fff176

#fff59d

#ffab00

#ffc400

#ffd740

#ffe57f

#ff6f00

#ff8f00

#ffa000

#ffb300

#ffc107

#ffca28

#ffd54f

#ffe082

#ff6d00

#ff9100

#ffab40

#ffd180

#e65100

#ef6c00

#f57c00

#fb8c00

#ff9800

#ffa726

#ffb74d

#ffcc80

#dd2c00

#ff3d00

#ff6e40

#ff9e80

#bf360c

#d84315

#e64a19

#f4511e

#ff5722

#ff7043

#ff8a65

#ffab91

#3e2723

#4e342e

#5d4037

#6d4c41

#795548

#8d6e63

#a1887f

#bcaaa4

#d7ccc8

#212121

#424242

#616161

#757575

#9e9e9e

#bdbdbd

#e0e0e0

#eeeeee

#f5f5f5

#263238

#37474f

#455a64

#546e7a

#607d8b

#78909c

#90a4ae

#b0bec5

#cfd8dc

#ffffff

#000000

DinDev Colors

UI Color Palette by DinDev

Dindev Color Palette and Code

#e10032

rgb(225,0,80)

#e1008c

rgb(225,0,140)

#be00e1

rgb(190,0,225)

#8200e1

rgb(130,0,225)

#005ae1

rgb(0,90,225)

#009be1

rgb(0,155,225)

#00e1b4

rgb(0,225,180)

#00e16e

rgb(0,225,110)

#50e100

rgb(80,225,0)

#aae100

rgb(170,225,0)

#e1aa00

rgb(225,170,0)

#e16900

rgb(225,105,0)

#ffffff

rgb(255,255,255)

000000

rgb(0,0,0)

Base Colors

#e10000

rgb(225,0,0)

#e100c8

rgb(225,0,200)

#0005e1

rgb(0,5,225)

#00d7e1

rgb(0,215,225)

#00e128

rgb(0,225,40)

#e1de00

rgb(225,225,0)

#ffffff

rgb(255,255,255)

000000

rgb(0,0,0)

Primary Colors

#e10032

rgb(225,0,80)

#e1008c

rgb(225,0,140)

#be00e1

rgb(190,0,225)

#8200e1

rgb(130,0,225)

#005ae1

rgb(0,90,225)

#009be1

rgb(0,155,225)

#00e1b4

rgb(0,225,180)

#00e16e

rgb(0,225,110)

#50e100

rgb(80,225,0)

#aae100

rgb(170,225,0)

#e1aa00

rgb(225,170,0)

#e16900

rgb(225,105,0)

Primary Color Gradients

(to bottom right, #e10032, #e1008c)

(to bottom right, #e10032, #be00e1)

(to bottom right, #e10032, #8200e1)

(to bottom right, #e10032, #005ae1)

(to bottom right, #e10032, #009be1)

(to bottom right, #e10032, #00e1b4)

(to bottom right, #e10032, #00e16e)

(to bottom right, #e10032, #50e100)

(to bottom right, #e10032, #aae100)

(to bottom right, #e10032, #e1aa00)

(to bottom right, #e10032, #e16900)

(to bottom right, #e1008c, #be00e1)

(to bottom right, #e1008c, #8200e1)

(to bottom right, #e1008c, #005ae1)

(to bottom right, #e1008c, #009be1)

(to bottom right, #e1008c, #00e1b4)

(to bottom right, #e1008c, #00e16e)

(to bottom right, #e1008c, #50e100)

(to bottom right, #e1008c, #aae100)

(to bottom right, #e1008c, #e1aa00)

(to bottom right, #e1008c, #e16900)

(to bottom right, #be00e1, #8200e1)

(to bottom right, #be00e1, #005ae1)

(to bottom right, #be00e1, #009be1)

(to bottom right, #be00e1, #00e1b4)

(to bottom right, #be00e1, #00e16e)

(to bottom right, #be00e1, #50e100)

(to bottom right, #be00e1, #aae100)

(to bottom right, #be00e1, #e1aa00)

(to bottom right, #be00e1, #e16900)

(to bottom right, #8200e1, #005ae1)

(to bottom right, #8200e1, #009be1)

(to bottom right, #8200e1, #00e1b4)

(to bottom right, #8200e1, #00e16e)

(to bottom right, #8200e1, #50e100)

(to bottom right, #8200e1, #aae100)

(to bottom right, #8200e1, #e1aa00)

(to bottom right, #8200e1, #e16900)

(to bottom right, #005ae1, #009be1)

(to bottom right, #005ae1, #00e1b4)

(to bottom right, #005ae1, #00e16e)

(to bottom right, #005ae1, #50e100)

(to bottom right, #005ae1, #aae100)

(to bottom right, #005ae1, #e1aa00)

(to bottom right, #005ae1, #e16900)

(to bottom right, #009be1, #00e1b4)

(to bottom right, #009be1, #00e16e)

(to bottom right, #009be1, #50e100)

(to bottom right, #009be1, #aae100)

(to bottom right, #009be1, #e1aa00)

(to bottom right, #009be1, #e16900)

(to bottom right, #00e1b4, #00e16e)

(to bottom right, #00e1b4, #50e100)

(to bottom right, #00e1b4, #e1aa00)

(to bottom right, #00e1b4, #e16900)

(to bottom right, #00e16e, #50e100)

(to bottom right, #00e16e, #aae100)

(to bottom right, #00e16e, #e1aa00)

(to bottom right, #00e16e, #e16900)

(to bottom right, #50e100, #aae100)

(to bottom right, #50e100, #e1aa00)

(to bottom right, #50e100, #e16900)

(to bottom right, #aae100, #e1aa00)

(to bottom right, #aae100, #e16900)

(to bottom right, #e1aa00, #e16900)