Coding Workshops
SheCodes Basics
3-week coding workshop
SheCodes Plus
3-month coding workshop
SheCodes Pro
6-month coding workshop
SheCodes Max
8-month coding workshop
SheCodes FREE Class
60-minute coding class for beginners
SheCodes Quick Links
SheCodes Workshops
Coding workshops for women
SheCodes Foundation
For women in developing countries and refugees
SheCodes Tools
Free coding tools for developers
SheCodes Connect
Connect with SheCodes Alumni
SheCodes Radio
Curated tracks to help you keep on track, 24/7
SheCodes Challenges
Coding challenges for the SheCodes Community
SheCodes Athena
Your AI Coding Assistant
CSS Generators
CSS Gradients
CSS Color Palettes
Front-end Cheatsheets
Learn to Code
CSS Color Palette
Copy to clipboard
Feel free to customize the CSS class names
Back to all palettes
More Red CSS Color Palettes
#303841
copy
#3a4750
copy
#d72323
copy
#eeeeee
copy
CSS Code
Go fullscreen
#b80257
copy
#dd356e
copy
#fc7fb6
copy
#ffbbe1
copy
CSS Code
Go fullscreen
#edfead
copy
#d9f489
copy
#bdcf88
copy
#d95858
copy
CSS Code
Go fullscreen
#fa5555
copy
#f7fb76
copy
#8ded8e
copy
#2d7d8f
copy
CSS Code
Go fullscreen
#22559c
copy
#f27370
copy
#fa9856
copy
#ede862
copy
CSS Code
Go fullscreen
#f35588
copy
#05dfd7
copy
#a3f7bf
copy
#fff591
copy
CSS Code
Go fullscreen
#e67676
copy
#f2f062
copy
#a9e6e6
copy
#7692e4
copy
CSS Code
Go fullscreen
#cbf078
copy
#f8f398
copy
#f1b963
copy
#e46161
copy
CSS Code
Go fullscreen
#eeeeee
copy
#dedede
copy
#ff4949
copy
#c10000
copy
CSS Code
Go fullscreen
#f68787
copy
#f8a978
copy
#f1eb9a
copy
#a4f6a5
copy
CSS Code
Go fullscreen
#a1dd70
copy
#fdfff0
copy
#e8ecd6
copy
#a23131
copy
CSS Code
Go fullscreen
#3c3b5c
copy
#d53939
copy
#ffb563
copy
#7b3c59
copy
CSS Code
Go fullscreen
#b0dedb
copy
#e3f3f7
copy
#fc6e5e
copy
#583131
copy
CSS Code
Go fullscreen
#090088
copy
#930077
copy
#e4007c
copy
#ffbd39
copy
CSS Code
Go fullscreen
#c1224f
copy
#f16f6f
copy
#94d2e6
copy
#fff78f
copy
CSS Code
Go fullscreen
#ac0c0c
copy
#a7d82e
copy
#f5f883
copy
#fbfadf
copy
CSS Code
Go fullscreen
#9d0b0b
copy
#da2d2d
copy
#eb8242
copy
#f6da63
copy
CSS Code
Go fullscreen
#d34848
copy
#ff8162
copy
#ffcd60
copy
#fffa67
copy
CSS Code
Go fullscreen
#fdfdfd
copy
#e1eb71
copy
#ecab69
copy
#e36161
copy
CSS Code
Go fullscreen
#ff5a5a
copy
#ffb072
copy
#f9ffa5
copy
#aabbff
copy
CSS Code
Go fullscreen
#fff07a
copy
#d69830
copy
#ab3124
copy
#5f233f
copy
CSS Code
Go fullscreen
#f79486
copy
#faf885
copy
#fcffc9
copy
#8ff5d2
copy
CSS Code
Go fullscreen
#ff5959
copy
#ffad5a
copy
#4f9da6
copy
#1a0841
copy
CSS Code
Go fullscreen
#fcfcfc
copy
#83ffe6
copy
#ff5f5f
copy
#2c2c2c
copy
CSS Code
Go fullscreen
#e4ba6f
copy
#fae88e
copy
#eb5e60
copy
#a52f57
copy
CSS Code
Go fullscreen
#fffbcc
copy
#fd2e2e
copy
#cf1b1b
copy
#900d0d
copy
CSS Code
Go fullscreen
#0e2431
copy
#fc3a52
copy
#f9b248
copy
#e8d5b7
copy
CSS Code
Go fullscreen
#4a2c2c
copy
#d3504a
copy
#ffdc76
copy
#fefea4
copy
CSS Code
Go fullscreen
#db2d43
copy
#87e5da
copy
#c7f2e3
copy
#f7aa00
copy
CSS Code
Go fullscreen
#c9485b
copy
#e89da2
copy
#f5c3bc
copy
#96d1c7
copy
CSS Code
Go fullscreen
#fbff7c
copy
#ffe35e
copy
#e4663a
copy
#92253f
copy
CSS Code
Go fullscreen
#bff4ed
copy
#280f34
copy
#b30753
copy
#f6c667
copy
CSS Code
Go fullscreen
#8e3343
copy
#ec9454
copy
#f1f08a
copy
#c6cd78
copy
CSS Code
Go fullscreen
#343434
copy
#2d4059
copy
#ea5455
copy
#fde9c9
copy
CSS Code
Go fullscreen
#a13939
copy
#e75151
copy
#fcc88a
copy
#c2c57f
copy
CSS Code
Go fullscreen
#7b77ff
copy
#92cce1
copy
#f68686
copy
#ffe3b9
copy
CSS Code
Go fullscreen
#588c73
copy
#f2e394
copy
#f2ae72
copy
#d96459
copy
CSS Code
Go fullscreen
#ffe0a3
copy
#e18237
copy
#943939
copy
#6a2634
copy
CSS Code
Go fullscreen
#df0e62
copy
#fac70b
copy
#127681
copy
#21174a
copy
CSS Code
Go fullscreen
#26252c
copy
#e54861
copy
#f2a379
copy
#efd5b7
copy
CSS Code
Go fullscreen
#d15555
copy
#eda489
copy
#e8fd96
copy
#a1d76f
copy
CSS Code
Go fullscreen
#fe7847
copy
#ca2c3f
copy
#a21738
copy
#4c0b2f
copy
CSS Code
Go fullscreen
#ffbc65
copy
#ac4c5e
copy
#5c476f
copy
#eeeeee
copy
CSS Code
Go fullscreen
#721b65
copy
#b80d57
copy
#f8615a
copy
#ffd868
copy
CSS Code
Go fullscreen
#febfb3
copy
#e1396c
copy
#96d38c
copy
#d0f9b1
copy
CSS Code
Go fullscreen
#900c27
copy
#c70039
copy
#f6c667
copy
#f1f8fd
copy
CSS Code
Go fullscreen
#ffeaa5
copy
#fe5f55
copy
#c7efcf
copy
#eef5db
copy
CSS Code
Go fullscreen
#b7472a
copy
#eb9788
copy
#ffd5ab
copy
#fff2e5
copy
CSS Code
Go fullscreen
#cd4545
copy
#f16821
copy
#f3a333
copy
#fffe9a
copy
CSS Code
Go fullscreen
#240747
copy
#eb2632
copy
#f0ab8d
copy
#f6e4ad
copy
CSS Code
Go fullscreen
#a20a0a
copy
#bb9518
copy
#ccd51a
copy
#f7ffa8
copy
CSS Code
Go fullscreen
#853e3e
copy
#c15757
copy
#ead27a
copy
#f7f79b
copy
CSS Code
Go fullscreen
#fc345c
copy
#49beb7
copy
#afffdf
copy
#eafff7
copy
CSS Code
Go fullscreen
#f2e8c6
copy
#f5841a
copy
#bb0029
copy
#03002c
copy
CSS Code
Go fullscreen
#ffae8f
copy
#ff677d
copy
#cd6684
copy
#6f5a7e
copy
CSS Code
Go fullscreen
#e14242
copy
#8d3434
copy
#eacd65
copy
#ebebcd
copy
CSS Code
Go fullscreen
#ca5fa6
copy
#f36886
copy
#fa8282
copy
#ffaf65
copy
CSS Code
Go fullscreen
#b23256
copy
#fcd47d
copy
#31aa75
copy
#a2ef44
copy
CSS Code
Go fullscreen
#464545
copy
#fb5660
copy
#f98e90
copy
#f0f3b0
copy
CSS Code
Go fullscreen
#f03861
copy
#fef2f2
copy
#f5d97e
copy
#e8b844
copy
CSS Code
Go fullscreen
#203541
copy
#374955
copy
#f62a66
copy
#ffd933
copy
CSS Code
Go fullscreen
#fadb3f
copy
#ecf7c5
copy
#ea5656
copy
#27332d
copy
CSS Code
Go fullscreen
#fbfbfb
copy
#b9e1dc
copy
#f38181
copy
#756c83
copy
CSS Code
Go fullscreen
#fafafa
copy
#e0bb20
copy
#841818
copy
#000000
copy
CSS Code
Go fullscreen
#f30e5c
copy
#f6f3a7
copy
#f6c523
copy
#228c7b
copy
CSS Code
Go fullscreen
#15b7b9
copy
#10ddc2
copy
#f5f5f5
copy
#f57170
copy
CSS Code
Go fullscreen
#e97a7a
copy
#8b4f80
copy
#8b76a5
copy
#b9c0d5
copy
CSS Code
Go fullscreen
#3f52e3
copy
#f6f6f6
copy
#efe891
copy
#f12d2d
copy
CSS Code
Go fullscreen
#c2fcd9
copy
#a0e4b0
copy
#f8fba2
copy
#fa7f7f
copy
CSS Code
Go fullscreen
#fff9e0
copy
#f1c550
copy
#ff6600
copy
#ce2525
copy
CSS Code
Go fullscreen
#05dfd7
copy
#ec7373
copy
#d8b5b5
copy
#ffe196
copy
CSS Code
Go fullscreen
#b206b0
copy
#e41749
copy
#f5587b
copy
#ff8a5c
copy
CSS Code
Go fullscreen
#3a0088
copy
#930077
copy
#e61c5d
copy
#ffbd39
copy
CSS Code
Go fullscreen
#ffaaaa
copy
#e37070
copy
#c7004c
copy
#8f1537
copy
CSS Code
Go fullscreen
#ff9393
copy
#ff6767
copy
#ff3434
copy
#0c317a
copy
CSS Code
Go fullscreen
#ef5353
copy
#b84040
copy
#dbee7b
copy
#e2c85b
copy
CSS Code
Go fullscreen
#e23e57
copy
#88304e
copy
#522546
copy
#311d3f
copy
CSS Code
Go fullscreen
#f95959
copy
#ffe1a1
copy
#fcffcc
copy
#d3e785
copy
CSS Code
Go fullscreen
#35477d
copy
#6c5b7b
copy
#c06c84
copy
#f67280
copy
CSS Code
Go fullscreen
#233142
copy
#455d7a
copy
#f95959
copy
#facf5a
copy
CSS Code
Go fullscreen
#a9eee6
copy
#fefaec
copy
#f38181
copy
#625772
copy
CSS Code
Go fullscreen
#004182
copy
#118df0
copy
#fbffa3
copy
#ff4b68
copy
CSS Code
Go fullscreen
#f6fea1
copy
#ffb270
copy
#f08e6b
copy
#ff7575
copy
CSS Code
Go fullscreen
#f06161
copy
#eb786b
copy
#f3a871
copy
#e9ec82
copy
CSS Code
Go fullscreen
#f48fb1
copy
#f06292
copy
#ad1457
copy
#880e4f
copy
CSS Code
Go fullscreen
#288fb4
copy
#1d556f
copy
#efddb2
copy
#fa360a
copy
CSS Code
Go fullscreen
#f6f982
copy
#d9d46f
copy
#fa5862
copy
#c64272
copy
CSS Code
Go fullscreen
#5628b4
copy
#d80e70
copy
#e7455f
copy
#f7b236
copy
CSS Code
Go fullscreen
#2d4059
copy
#ffb400
copy
#f6f6f6
copy
#ea5455
copy
CSS Code
Go fullscreen
#d15260
copy
#e95c63
copy
#ff9d7b
copy
#f2f089
copy
CSS Code
Go fullscreen
#f65c78
copy
#ffd271
copy
#fff3af
copy
#c3f584
copy
CSS Code
Go fullscreen
#ff6473
copy
#757882
copy
#5cc1b3
copy
#6ef7c8
copy
CSS Code
Go fullscreen
#db3b61
copy
#ef3f61
copy
#3a3a59
copy
#555574
copy
CSS Code
Go fullscreen
#fffe9f
copy
#ffd480
copy
#fca180
copy
#f56262
copy
CSS Code
Go fullscreen
#ff8a69
copy
#f06161
copy
#bb4272
copy
#7a3476
copy
CSS Code
Go fullscreen
#f56a47
copy
#b32c50
copy
#681a1e
copy
#0a0944
copy
CSS Code
Go fullscreen
#415f77
copy
#d1e9ea
copy
#fc5050
copy
#ffd00c
copy
CSS Code
Go fullscreen
#f85f73
copy
#fbe8d3
copy
#928a97
copy
#283c63
copy
CSS Code
Go fullscreen
#05004e
copy
#ff0000
copy
#fb7777
copy
#ffcccc
copy
CSS Code
Go fullscreen
#c24242
copy
#e08932
copy
#e5c955
copy
#f2f5b1
copy
CSS Code
Go fullscreen
All Red CSS Color Palettes
👩💻
What is SheCodes?
SheCodes teaches coding skills to busy women
Start your dream career in tech
Learn more about SheCodes
4.9/5
, our workshops are highly recommended by
180,000+ women, including employees from these companies
📬
Join Our Mailing List
Be the first to know about upcoming coding workshops, new coding tools, and other SheCodes related news.