Color swatches
All swatches Material Design palette 254 Named colors 545 Tailwind CSS palette 241
600 swatches, each with every code (HEX, RGB, CMYK, HSL, OKLCH), the nearest Pantone, tints and shades, harmonies, and contrast checks.
Reds Oranges Yellows Greens Cyans & Teals Blues Purples Pinks Browns Grays Whites Blacks All named colors →
Reds 65
Aurora Pink
#E88E9F
Coral Pink
#F88379
Light Coral
#F08080
Material Deep Orange 300
#FF8A65
Material Brown 200
#BCAAA4
Dusty Pink
#D58A94
Bittersweet
#FE6F5E
Material Red 300
#E57373
Candy Pink
#E4717A
Grapefruit
#FD5956
Material Red A200
#FF5252
Material Deep Orange 400
#FF7043
Material Deep Orange A200
#FF6E40
Material Red 400
#EF5350
Burnt Sienna
#E97451
Material Red 500
#F44336
Indian Red
#CD5C5C
Lobster
#D65F4B
Material Deep Orange 500
#FF5722
Material Red 600
#E53935
Material Red A400
#FF1744
Jasper
#D73B3E
Material Deep Orange 600
#F4511E
Amaranth
#E52B50
Fiesta
#E3442B
Brick Red
#CB4154
Alizarin
#E32636
Material Red 700
#D32F2F
Candy Apple Red
#FF0800
Material Deep Orange 700
#E64A19
Material Deep Orange A400
#FF3D00
Crimson
#DC143C
Fire Engine Red
#CE2029
Material Red 800
#C62828
Material Deep Orange 800
#D84315
Cardinal
#C41E3A
Marsala
#964F4C
Lava
#CF1020
Material Deep Orange A700
#DD2C00
Material Red A700
#D50000
Firebrick
#B22222
Material Red 900
#B71C1C
Brown
#A52A2A
Material Deep Orange 900
#BF360C
Chestnut
#954535
Chili
#C21807
Brick
#9C3D2B
Burnt Umber
#8A3324
Liver
#674C47
Garnet
#733635
Maroon Red
#8B1A1A
Mahogany Red
#7B2D26
Cranberry Red
#95021B
Carmine
#960018
Material Brown 700
#5D4037
Dark Red
#8B0000
Burgundy
#800020
Maroon
#800000
Barn Red
#7C0A02
Material Brown 800
#4E342E
Caput Mortuum
#592720
Chocolate Cosmos
#58111A
Material Brown 900
#3E2723
Aubergine
#3D0C02
Licorice
#1A1110
Oranges 83
Linen
#FAF0E6
Material Orange 50
#FFF3E0
Linen White
#F6EFE2
Material Brown 50
#EFEBE9
Antique White
#FAEBD7
Blanched Almond
#FFEBCD
Champagne
#F7E7CE
Bisque
#FFE4C4
Chalk
#EDE6D6
Almond
#EFDECD
Moccasin
#FFE4B5
Material Orange 100
#FFE0B2
Navajo White
#FFDEAD
Apricot
#FBCEB1
Bone
#E3DAC9
Fog
#D7D0C9
Biscuit
#E9D4B6
Material Brown 100
#D7CCC8
Desert Sand
#EDC9AF
Material Orange 200
#FFCC80
Material Orange A100
#FFD180
Light Salmon
#FFA07A
Dusty Rose
#DCAE96
Cashmere
#D1B399
Burlywood
#DEB887
Dark Salmon
#E9967A
Bamboo
#D4B483
Fawn
#E5AA70
Khaki Tan
#C3B091
Coral
#FF7F50
Material Orange 300
#FFB74D
Latte
#C5A582
Mushroom
#BAA38B
Antique Brass
#CD9575
Material Orange A200
#FFAB40
Mandarin
#F37A48
Butterscotch
#E3A857
Cantaloupe
#FFA62F
Camel
#C19A6B
Material Yellow 700
#FBC02D
Material Orange 400
#FFA726
Honey
#EBA937
Light Taupe
#B38B6D
Material Brown 300
#A1887F
Material Yellow 800
#F9A825
Beaver
#9F8170
Carrot
#ED9121
Material Yellow 900
#F57F17
Marigold
#EAA221
Clay
#B66A50
Adobe
#BD6C48
Flame
#E25822
Cafe au Lait
#A67B5B
Amber
#FFBF00
Bronze
#CD7F32
Dark Orange
#FF8C00
Mango
#FDBE02
Material Amber 600
#FFB300
Material Amber 700
#FFA000
Material Amber 800
#FF8F00
Material Amber 900
#FF6F00
Material Amber A700
#FFAB00
Material Orange 500
#FF9800
Material Orange A400
#FF9100
Material Orange A700
#FF6D00
Mocha
#967969
Maple
#C1693C
Caramel
#AF6E4D
Material Orange 600
#FB8C00
Goldenrod
#DAA520
Material Orange 700
#F57C00
Gamboge
#E49B0F
Chocolate
#D2691E
Material Brown 400
#8D6E63
Material Orange 800
#EF6C00
Copper
#B87333
Material Orange 900
#E65100
Harvest Gold
#DA9100
Burnt Orange
#CC5500
Dark Goldenrod
#B8860B
Mahogany
#C04000
Ginger
#B06500
Chocolate Brown
#7B3F00
Yellows 67
Material Yellow 50
#FFFDE7
Material Lime 50
#F9FBE7
Material Amber 50
#FFF8E1
Light Yellow
#FFFFE0
Cornsilk
#FFF8DC
Beige
#F5F5DC
Cream
#FFFDD0
Alabaster
#EDEAE0
Lemon Chiffon
#FFFACD
Light Goldenrod Yellow
#FAFAD2
Eggshell
#F0EAD6
Material Yellow 100
#FFF9C4
Material Lime 100
#F0F4C3
Material Amber 100
#FFECB3
Material Yellow 200
#FFF59D
Canary
#FFFF99
Material Yellow A100
#FFFF8D
Material Lime 200
#E6EE9C
Material Amber 200
#FFE082
Material Lime A100
#F4FF81
Material Amber A100
#FFE57F
Khaki
#F0E68C
Jasmine
#F8DE7E
Material Yellow 300
#FFF176
Butter
#FFFD74
Buff
#F0DC82
Flax
#EEDC82
Material Lime 300
#DCE775
Material Yellow 400
#FFEE58
Mustard Yellow
#FFDB58
Lemon
#FFF44F
Material Amber 300
#FFD54F
Ecru
#C2B280
Material Lime A200
#EEFF41
Material Amber A200
#FFD740
Material Yellow 500
#FFEB3B
Material Lime 400
#D4E157
Banana
#FFE135
Material Yellow 600
#FDD835
Daffodil
#FFFF31
Dark Khaki
#BDB76B
Material Amber 400
#FFCA28
Dandelion
#F0E130
Material Lime 500
#CDDC39
Material Amber 500
#FFC107
Canary Yellow
#FFEF00
Chartreuse Yellow
#DFFF00
Cyber Yellow
#FFD300
Gold
#FFD700
Golden Yellow
#FFDF00
Lemon Yellow
#FFF700
Material Amber A400
#FFC400
Material Yellow A400
#FFEA00
Material Yellow A700
#FFD600
Material Lime 600
#C0CA33
Brass
#B5A642
Antique Gold
#C9A227
Citrine
#E4D00A
Khaki Green
#8A865D
Mustard
#E1AD01
Material Lime 700
#AFB42B
Acid Green
#B0BF1A
Citron
#9FA91F
Material Lime 800
#9E9D24
Bronze Olive
#6B5E2E
Material Lime 900
#827717
Army Green
#4B5320
Greens 90
Material Light Green 50
#F1F8E9
Material Green 50
#E8F5E9
Mint Julep
#E2F2D5
Material Light Green 100
#DCEDC8
Material Green A100
#B9F6CA
Material Green 100
#C8E6C9
Mint Green
#98FF98
Material Light Green A100
#CCFF90
Celadon
#ACE1AF
Material Light Green 200
#C5E1A5
Aquamarine
#7FFFD4
Light Green
#90EE90
Material Green 200
#A5D6A7
Cambridge Blue
#A3C1AD
Material Green A200
#69F0AE
Material Light Green A200
#B2FF59
Material Light Green 300
#AED581
Honeydew Green
#9BD77E
Dark Sea Green
#8FBC8F
Material Green 300
#81C784
Medium Aquamarine
#66CDAA
Material Light Green 400
#9CCC65
Green Yellow
#ADFF2F
Absinthe
#7FDD4C
Kiwi
#8EE53F
Material Green 400
#66BB6A
Gray Green
#86A17D
Emerald
#50C878
Meadow
#81B462
Matcha
#9CAE67
Asparagus
#87A96B
Neon Green
#39FF14
Artichoke
#8F9779
Material Light Green 500
#8BC34A
Aloe
#7A9E6B
Material Light Green A400
#76FF03
Chartreuse
#7FFF00
Electric Lime
#CCFF00
Lime
#00FF00
Lime Green
#32CD32
Lime Peel
#BFFF00
Material Lime A400
#C6FF00
Chartreuse Green
#9FBF3F
Lawn Green
#7CFC00
Material Green 500
#4CAF50
Medium Spring Green
#00FA9A
Material Light Green 600
#7CB342
Moss
#8A9A5B
Material Light Green A700
#64DD17
Mint
#3EB489
Medium Sea Green
#3CB371
Material Lime A700
#AEEA00
Material Green A400
#00E676
Malachite
#0BDA51
Material Green 600
#43A047
Leaf
#71AA34
Island Green
#2BAE66
Material Light Green 700
#689F38
Jungle Green
#29AB87
Kelly Green
#4CBB17
Material Green A700
#00C853
Material Green 700
#388E3C
Fern
#4F7942
Material Light Green 800
#558B2F
Kale
#5A7247
Clover
#3A7D44
Apple Green
#8DB600
Mineral Green
#4B6B55
Avocado Green
#7A8A2C
Amazon
#3B7A57
Basil
#5A7A3A
Forest Green
#228B22
Material Green 800
#2E7D32
Jade
#00A86B
Grass Green
#3F9B0B
Dark Olive Green
#556B2F
Hunter Green
#355E3B
Material Light Green 900
#33691E
Avocado
#568203
Green
#008000
Hunter
#2F4F3A
Material Green 900
#1B5E20
Forest
#0B6623
Bottle Green
#006A4E
English Green
#1B4D3E
Emerald Green
#046307
Dark Green
#006400
Myrtle
#21421E
Evergreen
#05472A
British Racing Green
#004225
Cyans & Teals 48
Light Cyan
#E0FFFF
Material Cyan 50
#E0F7FA
Material Teal 50
#E0F2F1
Ice Blue
#D6ECEF
Arctic
#D0EAF0
Celeste
#B2FFFF
Material Teal A100
#A7FFEB
Material Cyan 100
#B2EBF2
Mist
#C6D4D6
Light Blue
#ADD8E6
Material Teal 100
#B2DFDB
Material Cyan A100
#84FFFF
Electric Blue
#7DF9FF
Material Cyan 200
#80DEEA
Material Teal A200
#64FFDA
Material Teal 200
#80CBC4
Material Cyan 300
#4DD0E1
Aqua Marine
#4FD6C4
Medium Turquoise
#48D1CC
Material Cyan A200
#18FFFF
Material Teal A400
#1DE9B6
Material Teal 300
#4DB6AC
Material Cyan 400
#26C6DA
Aqua
#00FFFF
Cadet Blue
#5F9EA0
Material Cyan A400
#00E5FF
Lagoon
#4CA5A8
Bright Turquoise
#08E8DE
Aqua Blue
#00B4D8
Material Cyan 500
#00BCD4
Material Cyan A700
#00B8D4
Light Sea Green
#20B2AA
Dark Turquoise
#00CED1
Material Teal 400
#26A69A
Material Cyan 600
#00ACC1
Material Teal A700
#00BFA5
Material Cyan 700
#0097A7
Material Teal 500
#009688
Material Cyan 800
#00838F
Dark Cyan
#008B8B
Material Teal 600
#00897B
Dark Slate Gray
#2F4F4F
Material Teal 700
#00796B
Material Teal 800
#00695C
Material Cyan 900
#006064
Midnight Green
#004953
Dark Teal
#014D4E
Material Teal 900
#004D40
Blues 102
Lavender
#E6E6FA
Material Blue 50
#E3F2FD
Material Light Blue 50
#E1F5FE
Material Indigo 50
#E8EAF6
Material Blue Grey 50
#ECEFF1
Frost
#E1E9EE
Material Blue 100
#BBDEFB
Material Light Blue 100
#B3E5FC
Material Indigo 100
#C5CAE9
Material Blue Grey 100
#CFD8DC
Lavender Gray
#C4C3D0
Light Steel Blue
#B0C4DE
Material Indigo A100
#8C9EFF
Material Blue 200
#90CAF9
Cornflower
#9ACEEB
Light Sky Blue
#87CEFA
Material Blue A100
#82B1FF
Material Light Blue A100
#80D8FF
Material Light Blue 200
#81D4FA
Baby Blue
#89CFF0
Material Indigo 200
#9FA8DA
Material Blue Grey 200
#B0BEC5
Bluebell
#A2A2D0
Material Blue 300
#64B5F6
Medium Slate Blue
#7B68EE
Cornflower Blue
#6495ED
Material Indigo A200
#536DFE
Blueberry
#4F86F7
Material Light Blue 300
#4FC3F7
Glacier
#80B3C4
Material Indigo 300
#7986CB
Iceberg
#71A6D2
Material Blue A200
#448AFF
Cadet Gray
#91A3B0
Material Light Blue A200
#40C4FF
Material Blue Grey 300
#90A4AE
Material Indigo A400
#3D5AFE
Dusty Blue
#8C9DAD
Cool Gray
#8C92AC
Material Blue 400
#42A5F5
Blue Gray
#6699CC
Material Indigo A700
#304FFE
Gray Blue
#6C8EBF
Material Blue A400
#2979FF
Material Blue A700
#2962FF
Material Light Blue 400
#29B6F6
Iris
#5A4FCF
Dodger Blue
#1E90FF
Material Indigo 400
#5C6BC0
Glaucous
#6082B6
Material Blue Grey 400
#78909C
Material Blue 500
#2196F3
Light Slate Gray
#778899
Air Force Blue
#5D8AA8
Material Blue 600
#1E88E5
Azure Blue
#007FFF
Blue
#0000FF
Deep Sky Blue
#00BFFF
Material Light Blue A400
#00B0FF
Material Light Blue 500
#03A9F4
Material Indigo 500
#3F51B5
Material Blue 700
#1976D2
Material Blue Grey 500
#607D8B
Material Light Blue A700
#0091EA
Material Light Blue 600
#039BE5
Material Indigo 600
#3949AB
Material Blue 800
#1565C0
Material Light Blue 700
#0288D1
Denim
#1560BD
Dusk
#4E5481
Material Indigo 700
#303F9F
Material Blue Grey 600
#546E7A
Medium Blue
#0000CD
Dark Slate Blue
#483D8B
Material Deep Purple 800
#4527A0
Material Light Blue 800
#0277BD
French Blue
#0072BB
Material Indigo 800
#283593
Material Blue 900
#0D47A1
Material Deep Purple 900
#311B92
Cobalt
#0047AB
Material Blue Grey 700
#455A64
Cerulean
#007BA7
Klein Blue
#002FA7
Material Light Blue 900
#01579B
Material Indigo 900
#1A237E
Aegean
#1E456E
Dark Blue
#00008B
Midnight Blue
#191970
Material Blue Grey 800
#37474F
Charcoal
#36454F
Navy
#000080
Navy Blue
#1F305E
Charcoal Blue
#2C3E50
Indigo Dye
#00416A
Baltic
#0E3B5C
Marine
#042E60
Gunmetal
#2A3439
Ink Blue
#1F2A44
Material Blue Grey 900
#263238
Deep Sea
#003F5C
Midnight
#0B1A33
Purples 30
Material Deep Purple 50
#EDE7F6
Mauve
#E0B0FF
Material Deep Purple 100
#D1C4E9
Material Deep Purple A100
#B388FF
Material Deep Purple 200
#B39DDB
Heliotrope
#DF73FF
Heather
#B7A8C9
Material Deep Purple A200
#7C4DFF
Medium Purple
#9370DB
Material Deep Purple 300
#9575CD
Amethyst
#9966CC
Lavender Purple
#967BB6
Medium Orchid
#BA55D3
Material Deep Purple A400
#651FFF
Material Deep Purple 400
#7E57C2
Blue Violet
#8A2BE2
Electric Purple
#BF00FF
Material Purple A700
#AA00FF
Dark Orchid
#9932CC
Material Deep Purple 500
#673AB7
Material Deep Purple A700
#6200EA
Material Deep Purple 600
#5E35B1
Grape
#6F2DA8
Material Deep Purple 700
#512DA8
Dark Violet
#9400D3
Material Purple 600
#8E24AA
Material Purple 700
#7B1FA2
Material Purple 800
#6A1B9A
Material Purple 900
#4A148C
Indigo
#4B0082
Pinks 64
Material Deep Orange 50
#FBE9E7
Material Pink 50
#FCE4EC
Misty Rose
#FFE4E1
Material Purple 50
#F3E5F5
Material Red 100
#FFCDD2
Bubblegum
#FFC1CC
Azalea
#F7C8DA
Ballet Slipper
#F6C6C7
Cotton Candy
#FFBCD9
Material Deep Orange 100
#FFCCBC
Millennial Pink
#F3CFC6
Baby Pink
#F4C2C2
Cherry Blossom
#FFB7C5
Light Pink
#FFB6C1
Material Pink 100
#F8BBD0
Melon
#FDBCB4
Carnation
#FFA6C9
Material Purple 100
#E1BEE7
Material Deep Orange 200
#FFAB91
Flamingo
#FC8EAC
Material Red 200
#EF9A9A
Material Pink 200
#F48FB1
Blush Pink
#FE828C
Material Deep Orange A100
#FF9E80
Material Pink A100
#FF80AB
Material Red A100
#FF8A80
Material Purple A100
#EA80FC
Neon Pink
#FF6EC7
Material Purple 200
#CE93D8
Lilac
#C8A2C8
Hot Pink
#FF69B4
Material Pink 300
#F06292
French Rose
#F64A8A
Material Pink A200
#FF4081
Blush
#DE5D83
Material Purple A200
#E040FB
Material Purple 300
#BA68C8
Material Pink 400
#EC407A
Hot Magenta
#FF1DCE
Fuchsia
#C154C1
Deep Pink
#FF1493
Mulberry
#C54B8C
Cherry
#DE3163
Material Pink 500
#E91E63
Material Purple 400
#AB47BC
Magenta
#FF00FF
Material Purple A400
#D500F9
Material Pink A400
#F50057
Material Pink 600
#D81B60
Hibiscus
#B6316C
Magenta Haze
#9F4576
Medium Violet Red
#C71585
Material Pink 700
#C2185B
Material Purple 500
#9C27B0
Material Pink A700
#C51162
Material Pink 800
#AD1457
Boysenberry
#873260
Berry
#990F4B
Eggplant
#614051
Cranberry
#9E003A
Material Pink 900
#880E4F
Dark Magenta
#8B008B
Merlot
#730039
Bordeaux
#5C0120
Browns 11
Grays 28
Material Grey 200
#EEEEEE
Material Grey 300
#E0E0E0
Gainsboro
#DCDCDC
Light Gray
#D3D3D3
Material Grey 400
#BDBDBD
Ash Gray
#B2BEB5
Ash
#B2B5AE
Greige
#B8B1A5
Dark Gray
#A9A9A9
Material Grey 500
#9E9E9E
Lilac Gray
#9896A4
Cement
#8D8A86
Gray
#808080
Camouflage
#78866B
Material Grey 600
#757575
Nickel
#727472
Dove Gray
#6D6C6C
Dim Gray
#696969
Granite
#676767
Material Grey 700
#616161
Iron
#5E5E5E
Feldgrau
#4D5D53
Arsenic
#3B444B
Material Grey 800
#424242
Anchor
#3A3B3C
Black Olive
#3B3C36
Graphite
#383838
Material Grey 900
#212121