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
#f95959
copy
#ffe1a1
copy
#fcffcc
copy
#d3e785
copy
CSS Code
Go fullscreen
#ff395e
copy
#8fecc8
copy
#6f6f6f
copy
#4a4a4a
copy
CSS Code
Go fullscreen
#f83e4b
copy
#f7e185
copy
#cb9bba
copy
#9d53c3
copy
CSS Code
Go fullscreen
#7b77ff
copy
#92cce1
copy
#f68686
copy
#ffe3b9
copy
CSS Code
Go fullscreen
#fcd307
copy
#1c1259
copy
#ee4266
copy
#d5daeb
copy
CSS Code
Go fullscreen
#fffe9f
copy
#ffd480
copy
#fca180
copy
#f56262
copy
CSS Code
Go fullscreen
#ff007b
copy
#ff5757
copy
#ff8585
copy
#ffebeb
copy
CSS Code
Go fullscreen
#fcfcfc
copy
#83ffe6
copy
#ff5f5f
copy
#2c2c2c
copy
CSS Code
Go fullscreen
#2a363b
copy
#e84a5f
copy
#ff847c
copy
#fecea8
copy
CSS Code
Go fullscreen
#f6ea8c
copy
#f26d5b
copy
#c03546
copy
#492540
copy
CSS Code
Go fullscreen
#233142
copy
#455d7a
copy
#f95959
copy
#facf5a
copy
CSS Code
Go fullscreen
#85203b
copy
#cb3b3b
copy
#e0c45c
copy
#fff98c
copy
CSS Code
Go fullscreen
#feffdf
copy
#ffe79a
copy
#ffa952
copy
#ef5a5a
copy
CSS Code
Go fullscreen
#f73f52
copy
#ffea85
copy
#f6f6f6
copy
#7986c7
copy
CSS Code
Go fullscreen
#f6d186
copy
#fcf7bb
copy
#cbe2b0
copy
#f19292
copy
CSS Code
Go fullscreen
#a1dd70
copy
#fdfff0
copy
#e8ecd6
copy
#a23131
copy
CSS Code
Go fullscreen
#ff006c
copy
#d62b70
copy
#973961
copy
#623448
copy
CSS Code
Go fullscreen
#f70776
copy
#c3195d
copy
#680747
copy
#141010
copy
CSS Code
Go fullscreen
#42240c
copy
#c81912
copy
#f64b3c
copy
#fdba9a
copy
CSS Code
Go fullscreen
#f85f73
copy
#fbe8d3
copy
#928a97
copy
#283c63
copy
CSS Code
Go fullscreen
#252525
copy
#ff0000
copy
#af0404
copy
#414141
copy
CSS Code
Go fullscreen
#feff89
copy
#ff9f68
copy
#f85959
copy
#ac005d
copy
CSS Code
Go fullscreen
#2f1b44
copy
#892c41
copy
#c89034
copy
#fbff5f
copy
CSS Code
Go fullscreen
#ff004d
copy
#9d0b28
copy
#5a082d
copy
#33030d
copy
CSS Code
Go fullscreen
#df0e62
copy
#fac70b
copy
#127681
copy
#21174a
copy
CSS Code
Go fullscreen
#453246
copy
#f86254
copy
#b04d5d
copy
#ffd05b
copy
CSS Code
Go fullscreen
#000000
copy
#3e3636
copy
#d72323
copy
#f5eded
copy
CSS Code
Go fullscreen
#ef7b7b
copy
#fcf3ca
copy
#c4eada
copy
#919190
copy
CSS Code
Go fullscreen
#f9f3ec
copy
#63aabc
copy
#ed3833
copy
#60204b
copy
CSS Code
Go fullscreen
#eeeeee
copy
#ff9966
copy
#e52b50
copy
#9c2542
copy
CSS Code
Go fullscreen
#ffeed0
copy
#f79f24
copy
#f12d2d
copy
#7c064d
copy
CSS Code
Go fullscreen
#240747
copy
#eb2632
copy
#f0ab8d
copy
#f6e4ad
copy
CSS Code
Go fullscreen
#2d095c
copy
#20366b
copy
#dd7777
copy
#eae3e3
copy
CSS Code
Go fullscreen
#f6fea1
copy
#ffb270
copy
#f08e6b
copy
#ff7575
copy
CSS Code
Go fullscreen
#efd8f4
copy
#d4abdc
copy
#ea5656
copy
#f1e38a
copy
CSS Code
Go fullscreen
#6e5773
copy
#d45d79
copy
#ea9085
copy
#e9e2d0
copy
CSS Code
Go fullscreen
#35477d
copy
#6c5b7b
copy
#c06c84
copy
#f67280
copy
CSS Code
Go fullscreen
#22559c
copy
#f27370
copy
#fa9856
copy
#ede862
copy
CSS Code
Go fullscreen
#2e99b0
copy
#fcd77f
copy
#ff2e4c
copy
#1e1548
copy
CSS Code
Go fullscreen
#e6a157
copy
#c9753d
copy
#973a3a
copy
#5b252d
copy
CSS Code
Go fullscreen
#dd105e
copy
#46466e
copy
#8787a3
copy
#bdbdd7
copy
CSS Code
Go fullscreen
#6e5773
copy
#d45079
copy
#ea9085
copy
#e9e1cc
copy
CSS Code
Go fullscreen
#e14242
copy
#8d3434
copy
#eacd65
copy
#ebebcd
copy
CSS Code
Go fullscreen
#686ee2
copy
#5c3e84
copy
#f35c6e
copy
#ffa87b
copy
CSS Code
Go fullscreen
#f7ec77
copy
#da5151
copy
#ed9f66
copy
#876464
copy
CSS Code
Go fullscreen
#f38181
copy
#fce38a
copy
#eaffd0
copy
#95e1d3
copy
CSS Code
Go fullscreen
#f38181
copy
#fce38a
copy
#d6f7ad
copy
#95e1d3
copy
CSS Code
Go fullscreen
#e97a7a
copy
#8b4f80
copy
#8b76a5
copy
#b9c0d5
copy
CSS Code
Go fullscreen
#d5f7ff
copy
#494b67
copy
#ff006c
copy
#ecebff
copy
CSS Code
Go fullscreen
#9bb899
copy
#fcceaa
copy
#f5827d
copy
#ea4961
copy
CSS Code
Go fullscreen
#fa697c
copy
#e13a9d
copy
#9b45e4
copy
#fcc169
copy
CSS Code
Go fullscreen
#92e6e6
copy
#fff9af
copy
#d65d7a
copy
#524c84
copy
CSS Code
Go fullscreen
#c9182b
copy
#f23a3a
copy
#e3f3ac
copy
#44c662
copy
CSS Code
Go fullscreen
#ac0c0c
copy
#a7d82e
copy
#f5f883
copy
#fbfadf
copy
CSS Code
Go fullscreen
#3ec1d3
copy
#f6f7d7
copy
#ff9a00
copy
#ff165d
copy
CSS Code
Go fullscreen
#e6dedd
copy
#8f1d14
copy
#1b120f
copy
#f89d13
copy
CSS Code
Go fullscreen
#fadb3f
copy
#ecf7c5
copy
#ea5656
copy
#27332d
copy
CSS Code
Go fullscreen
#e23e57
copy
#88304e
copy
#522546
copy
#311d3f
copy
CSS Code
Go fullscreen
#faf4d0
copy
#c14545
copy
#ea4c4c
copy
#703b3b
copy
CSS Code
Go fullscreen
#002c6a
copy
#e45171
copy
#f8a79b
copy
#f8d99b
copy
CSS Code
Go fullscreen
#7386d5
copy
#a0b6f5
copy
#ffefef
copy
#ff2c2c
copy
CSS Code
Go fullscreen
#f8ffae
copy
#f36363
copy
#ef4a4a
copy
#d32d2d
copy
CSS Code
Go fullscreen
#3f52e3
copy
#f6f6f6
copy
#efe891
copy
#f12d2d
copy
CSS Code
Go fullscreen
#921224
copy
#bce0da
copy
#ebf5ee
copy
#bdc6b8
copy
CSS Code
Go fullscreen
#ff5959
copy
#ffad5a
copy
#4f9da6
copy
#1a0841
copy
CSS Code
Go fullscreen
#4f3961
copy
#ea728c
copy
#fc9d9d
copy
#f3d4d4
copy
CSS Code
Go fullscreen
#ff6464
copy
#ffbd67
copy
#f8fe85
copy
#5be7a9
copy
CSS Code
Go fullscreen
#8cba51
copy
#deff8b
copy
#fbceb5
copy
#ff5d6c
copy
CSS Code
Go fullscreen
#ffb6b9
copy
#fae3d9
copy
#bbded6
copy
#61c0bf
copy
CSS Code
Go fullscreen
#fa4659
copy
#feffe4
copy
#a3de83
copy
#2eb872
copy
CSS Code
Go fullscreen
#efbfc6
copy
#c22828
copy
#8a0f0f
copy
#3c0303
copy
CSS Code
Go fullscreen
#ef5353
copy
#b84040
copy
#dbee7b
copy
#e2c85b
copy
CSS Code
Go fullscreen
#004182
copy
#118df0
copy
#fbffa3
copy
#ff4b68
copy
CSS Code
Go fullscreen
#283149
copy
#404b69
copy
#da0463
copy
#dbedf3
copy
CSS Code
Go fullscreen
#ca5fa6
copy
#f36886
copy
#fa8282
copy
#ffaf65
copy
CSS Code
Go fullscreen
#240041
copy
#900048
copy
#ff4057
copy
#ff8260
copy
CSS Code
Go fullscreen
#d34848
copy
#ff8162
copy
#ffcd60
copy
#fffa67
copy
CSS Code
Go fullscreen
#f7dead
copy
#cd4439
copy
#72b896
copy
#6f7777
copy
CSS Code
Go fullscreen
#b7472a
copy
#eb9788
copy
#ffd5ab
copy
#fff2e5
copy
CSS Code
Go fullscreen
#fee9d7
copy
#f9bf8f
copy
#e2434b
copy
#34222e
copy
CSS Code
Go fullscreen
#000249
copy
#0f4392
copy
#ff5151
copy
#ff8b8b
copy
CSS Code
Go fullscreen
#ff6473
copy
#757882
copy
#5cc1b3
copy
#6ef7c8
copy
CSS Code
Go fullscreen
#913131
copy
#e5ab39
copy
#c2ff6b
copy
#a7da46
copy
CSS Code
Go fullscreen
#f6f982
copy
#d9d46f
copy
#fa5862
copy
#c64272
copy
CSS Code
Go fullscreen
#ffe3b7
copy
#840404
copy
#cb0101
copy
#ffaf00
copy
CSS Code
Go fullscreen
#ffbc65
copy
#ac4c5e
copy
#5c476f
copy
#eeeeee
copy
CSS Code
Go fullscreen
#bd574e
copy
#fa877f
copy
#ffad87
copy
#dedef0
copy
CSS Code
Go fullscreen
#f79486
copy
#faf885
copy
#fcffc9
copy
#8ff5d2
copy
CSS Code
Go fullscreen
#fff9e0
copy
#f1c550
copy
#ff6600
copy
#ce2525
copy
CSS Code
Go fullscreen
#dd0a35
copy
#e4d1d3
copy
#1687a7
copy
#014955
copy
CSS Code
Go fullscreen
#fd5959
copy
#ff9c6d
copy
#fcff82
copy
#afc5ff
copy
CSS Code
Go fullscreen
#860f44
copy
#bb3939
copy
#ea5f2d
copy
#eec89f
copy
CSS Code
Go fullscreen
#ffbdd4
copy
#ffe5b9
copy
#ffc77f
copy
#ff5c5c
copy
CSS Code
Go fullscreen
#c24242
copy
#e08932
copy
#e5c955
copy
#f2f5b1
copy
CSS Code
Go fullscreen
#f56a47
copy
#b32c50
copy
#681a1e
copy
#0a0944
copy
CSS Code
Go fullscreen
#fff3a3
copy
#ff7bb0
copy
#ff3e6d
copy
#7572f4
copy
CSS Code
Go fullscreen
#fdfdfd
copy
#e1eb71
copy
#ecab69
copy
#e36161
copy
CSS Code
Go fullscreen
#b80257
copy
#dd356e
copy
#fc7fb6
copy
#ffbbe1
copy
CSS Code
Go fullscreen
#feed30
copy
#ff6868
copy
#924992
copy
#504077
copy
CSS Code
Go fullscreen
#f72464
copy
#ff858a
copy
#fff3a7
copy
#568564
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
175,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.