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 Grey CSS Color Palettes
#e2eff1
copy
#65799b
copy
#555273
copy
#e23e57
copy
CSS Code
Go fullscreen
#373331
copy
#605a56
copy
#80ac7b
copy
#e8eaa1
copy
CSS Code
Go fullscreen
#fffdef
copy
#f1f1f1
copy
#e70000
copy
#c50000
copy
CSS Code
Go fullscreen
#3d262a
copy
#127c56
copy
#eab64d
copy
#ecf3f6
copy
CSS Code
Go fullscreen
#33313b
copy
#4592af
copy
#e3c4a8
copy
#f6f5f5
copy
CSS Code
Go fullscreen
#ececeb
copy
#f9a828
copy
#07617d
copy
#2e383f
copy
CSS Code
Go fullscreen
#f7f7f7
copy
#f5b553
copy
#854836
copy
#000000
copy
CSS Code
Go fullscreen
#e95280
copy
#23b1a5
copy
#ffdd7e
copy
#f3f3f3
copy
CSS Code
Go fullscreen
#303841
copy
#3a4750
copy
#d72323
copy
#eeeeee
copy
CSS Code
Go fullscreen
#fcf5b8
copy
#b4cd93
copy
#427a5b
copy
#403f3f
copy
CSS Code
Go fullscreen
#e97a7a
copy
#8b4f80
copy
#8b76a5
copy
#b9c0d5
copy
CSS Code
Go fullscreen
#f2f2f2
copy
#ebd5d5
copy
#ea8a8a
copy
#685454
copy
CSS Code
Go fullscreen
#ebf0f6
copy
#98ccd3
copy
#364e68
copy
#132238
copy
CSS Code
Go fullscreen
#f4f4f4
copy
#6decb9
copy
#11999e
copy
#3c3c3c
copy
CSS Code
Go fullscreen
#f4f4ec
copy
#76e2f4
copy
#615dec
copy
#301781
copy
CSS Code
Go fullscreen
#00334e
copy
#145374
copy
#5588a3
copy
#e8e8e8
copy
CSS Code
Go fullscreen
#10316b
copy
#0b8457
copy
#eac100
copy
#dee1ec
copy
CSS Code
Go fullscreen
#e8ecf1
copy
#b5cfd8
copy
#7393a7
copy
#6c737e
copy
CSS Code
Go fullscreen
#ef7b7b
copy
#fcf3ca
copy
#c4eada
copy
#919190
copy
CSS Code
Go fullscreen
#66bfbf
copy
#eaf6f6
copy
#fcfefe
copy
#f76b8a
copy
CSS Code
Go fullscreen
#303841
copy
#3a4750
copy
#00adb5
copy
#eeeeee
copy
CSS Code
Go fullscreen
#062121
copy
#181810
copy
#e4dcad
copy
#eeeeee
copy
CSS Code
Go fullscreen
#ff6473
copy
#757882
copy
#5cc1b3
copy
#6ef7c8
copy
CSS Code
Go fullscreen
#0f3057
copy
#00587a
copy
#008891
copy
#e7e7de
copy
CSS Code
Go fullscreen
#fae3e3
copy
#b7b7b7
copy
#137083
copy
#3d0240
copy
CSS Code
Go fullscreen
#f6faf7
copy
#e7eaa8
copy
#b4bb72
copy
#303e27
copy
CSS Code
Go fullscreen
#d9d9d9
copy
#e88a1a
copy
#cf3030
copy
#141414
copy
CSS Code
Go fullscreen
#37474f
copy
#607d8b
copy
#90a4ae
copy
#f7b633
copy
CSS Code
Go fullscreen
#283739
copy
#228896
copy
#a9c52f
copy
#f5f5f5
copy
CSS Code
Go fullscreen
#61f2f5
copy
#ffffff
copy
#e0e0e0
copy
#723881
copy
CSS Code
Go fullscreen
#80a3a2
copy
#abcecf
copy
#c4dce0
copy
#daf4f5
copy
CSS Code
Go fullscreen
#f7fbfc
copy
#d6e6f2
copy
#b9d7ea
copy
#769fcd
copy
CSS Code
Go fullscreen
#434343
copy
#a64452
copy
#f7c873
copy
#f8f8f8
copy
CSS Code
Go fullscreen
#f5b17b
copy
#4e709d
copy
#89a4c7
copy
#cdd5e0
copy
CSS Code
Go fullscreen
#233142
copy
#455d7a
copy
#f95959
copy
#e3e3e3
copy
CSS Code
Go fullscreen
#f4e8c1
copy
#a0c1b8
copy
#726a95
copy
#351f39
copy
CSS Code
Go fullscreen
#2f1b41
copy
#9f1e49
copy
#fecd51
copy
#f2f2f2
copy
CSS Code
Go fullscreen
#f5f5f5
copy
#30e3ca
copy
#2f89fc
copy
#40514e
copy
CSS Code
Go fullscreen
#f73f52
copy
#ffea85
copy
#f6f6f6
copy
#7986c7
copy
CSS Code
Go fullscreen
#fff200
copy
#f5f5f5
copy
#d6e6f2
copy
#303841
copy
CSS Code
Go fullscreen
#eeeeee
copy
#d8cbbb
copy
#bb8fa9
copy
#560764
copy
CSS Code
Go fullscreen
#ffbc65
copy
#ac4c5e
copy
#5c476f
copy
#eeeeee
copy
CSS Code
Go fullscreen
#ee0e51
copy
#e4dcef
copy
#505458
copy
#363540
copy
CSS Code
Go fullscreen
#fafafa
copy
#e3e3e3
copy
#ee6f57
copy
#cb3737
copy
CSS Code
Go fullscreen
#f5f5f5
copy
#ececec
copy
#facc2e
copy
#27b1be
copy
CSS Code
Go fullscreen
#f9a828
copy
#ececeb
copy
#07617d
copy
#2e383f
copy
CSS Code
Go fullscreen
#f0e9ff
copy
#cea9ff
copy
#b346ff
copy
#545454
copy
CSS Code
Go fullscreen
#283739
copy
#2c5d63
copy
#a9c52f
copy
#f5f5f5
copy
CSS Code
Go fullscreen
#2185d5
copy
#3a4750
copy
#303841
copy
#f3f3f3
copy
CSS Code
Go fullscreen
#f7f7f8
copy
#4eeaf6
copy
#c82586
copy
#291f71
copy
CSS Code
Go fullscreen
#283739
copy
#2c5d63
copy
#a2c11c
copy
#e0e0e0
copy
CSS Code
Go fullscreen
#dfddc7
copy
#f58b54
copy
#a34a28
copy
#211717
copy
CSS Code
Go fullscreen
#222831
copy
#393e46
copy
#00adb5
copy
#eeeeee
copy
CSS Code
Go fullscreen
#0c4762
copy
#51dacf
copy
#9ef5cf
copy
#f4eeee
copy
CSS Code
Go fullscreen
#ededed
copy
#ffa41b
copy
#ff5151
copy
#9818d6
copy
CSS Code
Go fullscreen
#f85f73
copy
#fbe8d3
copy
#928a97
copy
#283c63
copy
CSS Code
Go fullscreen
#e6e6e6
copy
#fad662
copy
#e57b5c
copy
#be4747
copy
CSS Code
Go fullscreen
#efecea
copy
#334854
copy
#e04462
copy
#f9c535
copy
CSS Code
Go fullscreen
#e3d9ca
copy
#95a792
copy
#596c68
copy
#403f48
copy
CSS Code
Go fullscreen
#ff6f6f
copy
#fff46e
copy
#f6f6f6
copy
#a58bff
copy
CSS Code
Go fullscreen
#69779b
copy
#9692af
copy
#acdbdf
copy
#d7eaea
copy
CSS Code
Go fullscreen
#f8f8f8
copy
#c246c6
copy
#91157e
copy
#65195e
copy
CSS Code
Go fullscreen
#64868e
copy
#98b4a6
copy
#d1e4d1
copy
#f3fbf1
copy
CSS Code
Go fullscreen
#cb9b42
copy
#b1d1c5
copy
#f2f3ee
copy
#dbd7cb
copy
CSS Code
Go fullscreen
#ffe700
copy
#fe4e6e
copy
#613864
copy
#d8d7d7
copy
CSS Code
Go fullscreen
#f2f2f0
copy
#ff5e3a
copy
#2c365d
copy
#272e4f
copy
CSS Code
Go fullscreen
#f87d09
copy
#f6f6f6
copy
#a7cdcc
copy
#004a55
copy
CSS Code
Go fullscreen
#f4f7f7
copy
#aacfd0
copy
#5da0a2
copy
#34495e
copy
CSS Code
Go fullscreen
#70198a
copy
#bb8fa9
copy
#c1ea9f
copy
#f6f1f8
copy
CSS Code
Go fullscreen
#f7f0e9
copy
#ffaf9b
copy
#df5333
copy
#424242
copy
CSS Code
Go fullscreen
#3c9099
copy
#5fbdb0
copy
#e3e2c3
copy
#f0efe2
copy
CSS Code
Go fullscreen
#f70c9b
copy
#cb007b
copy
#d6e3ed
copy
#99b0c2
copy
CSS Code
Go fullscreen
#e3e8f8
copy
#c0c5cd
copy
#3e588f
copy
#203562
copy
CSS Code
Go fullscreen
#e8e2db
copy
#fab95b
copy
#f5564e
copy
#1a3263
copy
CSS Code
Go fullscreen
#33425b
copy
#3498db
copy
#fcc29a
copy
#ecf0f1
copy
CSS Code
Go fullscreen
#f5f5f5
copy
#b9e937
copy
#00b906
copy
#424242
copy
CSS Code
Go fullscreen
#fbf9fa
copy
#fd0054
copy
#a80038
copy
#2b2024
copy
CSS Code
Go fullscreen
#f6490d
copy
#000249
copy
#1dced8
copy
#faf9f0
copy
CSS Code
Go fullscreen
#eae7ed
copy
#b793e6
copy
#646ecb
copy
#3532a7
copy
CSS Code
Go fullscreen
#f1f4c6
copy
#d6d0b8
copy
#aaa6a4
copy
#837d7d
copy
CSS Code
Go fullscreen
#f4f7f7
copy
#79a8a9
copy
#4d727e
copy
#1f4e5f
copy
CSS Code
Go fullscreen
#000000
copy
#3e3636
copy
#d72323
copy
#f5eded
copy
CSS Code
Go fullscreen
#464159
copy
#6c7b95
copy
#8bbabb
copy
#c7f0db
copy
CSS Code
Go fullscreen
#fbfbfb
copy
#b1d056
copy
#e0ff59
copy
#ffa33e
copy
CSS Code
Go fullscreen
#921224
copy
#bce0da
copy
#ebf5ee
copy
#bdc6b8
copy
CSS Code
Go fullscreen
#fafafa
copy
#ff6699
copy
#c54c82
copy
#512e67
copy
CSS Code
Go fullscreen
#fafafa
copy
#e8f1f5
copy
#005691
copy
#004a7c
copy
CSS Code
Go fullscreen
#152a38
copy
#29435c
copy
#556e53
copy
#d1d4c9
copy
CSS Code
Go fullscreen
#3c4245
copy
#5f6769
copy
#719192
copy
#dfcdc3
copy
CSS Code
Go fullscreen
#eeeeee
copy
#7971ea
copy
#393e46
copy
#222831
copy
CSS Code
Go fullscreen
#f7dead
copy
#cd4439
copy
#72b896
copy
#6f7777
copy
CSS Code
Go fullscreen
#222831
copy
#393e46
copy
#29a19c
copy
#a3f7bf
copy
CSS Code
Go fullscreen
#f8c957
copy
#ecf0f1
copy
#3498db
copy
#34495e
copy
CSS Code
Go fullscreen
#eeeeee
copy
#dedede
copy
#ff4949
copy
#c10000
copy
CSS Code
Go fullscreen
#fffde1
copy
#fef778
copy
#fba746
copy
#7f7f7f
copy
CSS Code
Go fullscreen
#fbf0f0
copy
#dfd3d3
copy
#b8b0b0
copy
#7c7575
copy
CSS Code
Go fullscreen
#ff5335
copy
#dfe0d4
copy
#3e92a3
copy
#353940
copy
CSS Code
Go fullscreen
#aa530e
copy
#df8931
copy
#f5c16c
copy
#f3eded
copy
CSS Code
Go fullscreen
#222831
copy
#393e46
copy
#ff5722
copy
#eeeeee
copy
CSS Code
Go fullscreen
#062743
copy
#113a5d
copy
#c4ffdd
copy
#f9f9f9
copy
CSS Code
Go fullscreen
All Grey 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.