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
#efbfc6
copy
#c22828
copy
#8a0f0f
copy
#3c0303
copy
CSS Code
Go fullscreen
#f75b5b
copy
#c83b4c
copy
#46265c
copy
#794d9a
copy
CSS Code
Go fullscreen
#ffe0a3
copy
#e18237
copy
#943939
copy
#6a2634
copy
CSS Code
Go fullscreen
#eeeeee
copy
#ff9966
copy
#e52b50
copy
#9c2542
copy
CSS Code
Go fullscreen
#fdfdfd
copy
#e1eb71
copy
#ecab69
copy
#e36161
copy
CSS Code
Go fullscreen
#fffeec
copy
#aeddcd
copy
#e4508f
copy
#556fb5
copy
CSS Code
Go fullscreen
#a8e6cf
copy
#fdffab
copy
#ffd3b6
copy
#ffaaa5
copy
CSS Code
Go fullscreen
#9d0b0b
copy
#da2d2d
copy
#eb8242
copy
#f6da63
copy
CSS Code
Go fullscreen
#2f1b44
copy
#892c41
copy
#c89034
copy
#fbff5f
copy
CSS Code
Go fullscreen
#f8f9fc
copy
#c00000
copy
#de3c3c
copy
#f7b32d
copy
CSS Code
Go fullscreen
#1fffff
copy
#fffde1
copy
#ff9d76
copy
#ff4273
copy
CSS Code
Go fullscreen
#4f3961
copy
#ea728c
copy
#fc9d9d
copy
#f3d4d4
copy
CSS Code
Go fullscreen
#233142
copy
#455d7a
copy
#f95959
copy
#facf5a
copy
CSS Code
Go fullscreen
#fee9d7
copy
#f9bf8f
copy
#e2434b
copy
#34222e
copy
CSS Code
Go fullscreen
#f9989f
copy
#fccb8f
copy
#faf096
copy
#c5f8c8
copy
CSS Code
Go fullscreen
#588c73
copy
#f2e394
copy
#f2ae72
copy
#d96459
copy
CSS Code
Go fullscreen
#e04b5a
copy
#e49756
copy
#5b305a
copy
#9a4c68
copy
CSS Code
Go fullscreen
#f73f52
copy
#ffea85
copy
#f6f6f6
copy
#7986c7
copy
CSS Code
Go fullscreen
#fff07a
copy
#d69830
copy
#ab3124
copy
#5f233f
copy
CSS Code
Go fullscreen
#fafafa
copy
#e0bb20
copy
#841818
copy
#000000
copy
CSS Code
Go fullscreen
#f83e4b
copy
#f7e185
copy
#cb9bba
copy
#9d53c3
copy
CSS Code
Go fullscreen
#f9fa9b
copy
#ff7777
copy
#ceecf0
copy
#f0f3f3
copy
CSS Code
Go fullscreen
#f5f4e8
copy
#c50d66
copy
#f07810
copy
#eec60a
copy
CSS Code
Go fullscreen
#e25d4e
copy
#a93545
copy
#d9528b
copy
#ff92e8
copy
CSS Code
Go fullscreen
#611919
copy
#8e2735
copy
#deae4f
copy
#faf189
copy
CSS Code
Go fullscreen
#b206b0
copy
#e41749
copy
#f5587b
copy
#ff8a5c
copy
CSS Code
Go fullscreen
#7c203a
copy
#f85959
copy
#ff9f68
copy
#feff89
copy
CSS Code
Go fullscreen
#d4a5a5
copy
#ffecda
copy
#f9ffea
copy
#a6d0e4
copy
CSS Code
Go fullscreen
#e41749
copy
#f5587b
copy
#ff8a5c
copy
#fff591
copy
CSS Code
Go fullscreen
#333644
copy
#84577c
copy
#c65f63
copy
#f6e1b8
copy
CSS Code
Go fullscreen
#11144c
copy
#3a9679
copy
#fabc60
copy
#e16262
copy
CSS Code
Go fullscreen
#d15555
copy
#eda489
copy
#e8fd96
copy
#a1d76f
copy
CSS Code
Go fullscreen
#003545
copy
#00454a
copy
#3c6562
copy
#ed6363
copy
CSS Code
Go fullscreen
#bff4ed
copy
#280f34
copy
#b30753
copy
#f6c667
copy
CSS Code
Go fullscreen
#d65f5f
copy
#faf99f
copy
#a1f6b6
copy
#78d8d0
copy
CSS Code
Go fullscreen
#4f1c4c
copy
#a91d1d
copy
#da4949
copy
#fde9c9
copy
CSS Code
Go fullscreen
#e2eff1
copy
#65799b
copy
#555273
copy
#e23e57
copy
CSS Code
Go fullscreen
#ff6d3f
copy
#b14b4b
copy
#594057
copy
#36162e
copy
CSS Code
Go fullscreen
#fdf1db
copy
#a6cb12
copy
#e00543
copy
#84253e
copy
CSS Code
Go fullscreen
#ff7676
copy
#f6f49d
copy
#5dae8b
copy
#466c95
copy
CSS Code
Go fullscreen
#f8ffae
copy
#f36363
copy
#ef4a4a
copy
#d32d2d
copy
CSS Code
Go fullscreen
#384259
copy
#f73859
copy
#7ac7c4
copy
#c4edde
copy
CSS Code
Go fullscreen
#090088
copy
#930077
copy
#e4007c
copy
#ffbd39
copy
CSS Code
Go fullscreen
#ffa259
copy
#fe6845
copy
#fa4252
copy
#91bd3a
copy
CSS Code
Go fullscreen
#ff6464
copy
#ff8264
copy
#ffaa64
copy
#fff5a5
copy
CSS Code
Go fullscreen
#3a0088
copy
#930077
copy
#e61c5d
copy
#ffe98a
copy
CSS Code
Go fullscreen
#283149
copy
#404b69
copy
#da0463
copy
#dbedf3
copy
CSS Code
Go fullscreen
#92e6e6
copy
#fff9af
copy
#d65d7a
copy
#524c84
copy
CSS Code
Go fullscreen
#feffea
copy
#a3de83
copy
#2eb872
copy
#ff5d6e
copy
CSS Code
Go fullscreen
#fcfaef
copy
#e2e0a5
copy
#d3504a
copy
#a63636
copy
CSS Code
Go fullscreen
#febfb3
copy
#e1396c
copy
#96d38c
copy
#d0f9b1
copy
CSS Code
Go fullscreen
#2d4059
copy
#ffb400
copy
#f6f6f6
copy
#ea5455
copy
CSS Code
Go fullscreen
#232931
copy
#f73859
copy
#f1d18a
copy
#ededed
copy
CSS Code
Go fullscreen
#283149
copy
#404b69
copy
#f73859
copy
#dbedf3
copy
CSS Code
Go fullscreen
#233142
copy
#455d7a
copy
#f95959
copy
#e3e3e3
copy
CSS Code
Go fullscreen
#00b8a9
copy
#f8f3d4
copy
#f6416c
copy
#ffde7d
copy
CSS Code
Go fullscreen
#dbf1f2
copy
#cd5555
copy
#882042
copy
#efedbb
copy
CSS Code
Go fullscreen
#ff9393
copy
#ff6767
copy
#ff3434
copy
#0c317a
copy
CSS Code
Go fullscreen
#d14848
copy
#ec952e
copy
#f0e449
copy
#d6f7f8
copy
CSS Code
Go fullscreen
#05dfd7
copy
#ec7373
copy
#d8b5b5
copy
#ffe196
copy
CSS Code
Go fullscreen
#853e3e
copy
#c15757
copy
#ead27a
copy
#f7f79b
copy
CSS Code
Go fullscreen
#fffbaf
copy
#ff5656
copy
#cd0a0a
copy
#42cfc4
copy
CSS Code
Go fullscreen
#ffeaa5
copy
#fe5f55
copy
#c7efcf
copy
#eef5db
copy
CSS Code
Go fullscreen
#ff7777
copy
#fff195
copy
#fcffbf
copy
#f5e9ff
copy
CSS Code
Go fullscreen
#aa1111
copy
#b15858
copy
#f2c280
copy
#fcf8a6
copy
CSS Code
Go fullscreen
#5639a6
copy
#20236d
copy
#fa4848
copy
#ffe087
copy
CSS Code
Go fullscreen
#2d095c
copy
#20366b
copy
#dd7777
copy
#eae3e3
copy
CSS Code
Go fullscreen
#f95959
copy
#ffe1a1
copy
#fcffcc
copy
#d3e785
copy
CSS Code
Go fullscreen
#ff5a5a
copy
#ffb072
copy
#f9ffa5
copy
#aabbff
copy
CSS Code
Go fullscreen
#eeeeee
copy
#dedede
copy
#ff4949
copy
#c10000
copy
CSS Code
Go fullscreen
#fcf0c8
copy
#f7d098
copy
#911f27
copy
#630a10
copy
CSS Code
Go fullscreen
#240041
copy
#900048
copy
#ff4057
copy
#ff8260
copy
CSS Code
Go fullscreen
#feffdf
copy
#ffe79a
copy
#ffa952
copy
#ef5a5a
copy
CSS Code
Go fullscreen
#444444
copy
#f30067
copy
#00d1cd
copy
#eaeaea
copy
CSS Code
Go fullscreen
#35477d
copy
#6c5b7b
copy
#c06c84
copy
#f67280
copy
CSS Code
Go fullscreen
#525252
copy
#414141
copy
#313131
copy
#ec625f
copy
CSS Code
Go fullscreen
#ac0c0c
copy
#a7d82e
copy
#f5f883
copy
#fbfadf
copy
CSS Code
Go fullscreen
#ff6473
copy
#757882
copy
#5cc1b3
copy
#6ef7c8
copy
CSS Code
Go fullscreen
#415f77
copy
#d1e9ea
copy
#fc5050
copy
#ffd00c
copy
CSS Code
Go fullscreen
#c9182b
copy
#f23a3a
copy
#e3f3ac
copy
#44c662
copy
CSS Code
Go fullscreen
#45171d
copy
#f03861
copy
#ff847c
copy
#fecea8
copy
CSS Code
Go fullscreen
#f47c7c
copy
#f7f48b
copy
#a1de93
copy
#70a1d7
copy
CSS Code
Go fullscreen
#a42127
copy
#c83b3b
copy
#ef9b59
copy
#fee785
copy
CSS Code
Go fullscreen
#bb2253
copy
#ec185d
copy
#ff9171
copy
#ffb383
copy
CSS Code
Go fullscreen
#f1fff1
copy
#c4f0c5
copy
#be3737
copy
#6a0000
copy
CSS Code
Go fullscreen
#b2e672
copy
#fffd88
copy
#ffd478
copy
#f96b85
copy
CSS Code
Go fullscreen
#d0efb5
copy
#eb7878
copy
#2f3e75
copy
#f3e595
copy
CSS Code
Go fullscreen
#d15260
copy
#e95c63
copy
#ff9d7b
copy
#f2f089
copy
CSS Code
Go fullscreen
#a1c45a
copy
#fff9e0
copy
#f1c550
copy
#ea4c4c
copy
CSS Code
Go fullscreen
#f2e8c6
copy
#f5841a
copy
#bb0029
copy
#03002c
copy
CSS Code
Go fullscreen
#f49393
copy
#f21368
copy
#aa236d
copy
#261d1d
copy
CSS Code
Go fullscreen
#fff9e0
copy
#f1c550
copy
#ff6600
copy
#ce2525
copy
CSS Code
Go fullscreen
#fe7847
copy
#ca2c3f
copy
#a21738
copy
#4c0b2f
copy
CSS Code
Go fullscreen
#26252c
copy
#e54861
copy
#f2a379
copy
#efd5b7
copy
CSS Code
Go fullscreen
#233142
copy
#4f9da6
copy
#facf5a
copy
#ff5959
copy
CSS Code
Go fullscreen
#fff3a3
copy
#ff7bb0
copy
#ff3e6d
copy
#7572f4
copy
CSS Code
Go fullscreen
#8cba51
copy
#deff8b
copy
#fbceb5
copy
#ff5d6c
copy
CSS Code
Go fullscreen
#ffdbc5
copy
#ef4339
copy
#b01c33
copy
#2e112d
copy
CSS Code
Go fullscreen
#252525
copy
#ff0000
copy
#af0404
copy
#414141
copy
CSS Code
Go fullscreen
#d5f7ff
copy
#494b67
copy
#ff006c
copy
#ecebff
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.