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
#283148
copy
#913535
copy
#bbbbbb
copy
#e9eec9
copy
CSS Code
Go fullscreen
#000033
copy
#0066cc
copy
#0099ff
copy
#ededed
copy
CSS Code
Go fullscreen
#146c78
copy
#0e91a1
copy
#7dce94
copy
#efede7
copy
CSS Code
Go fullscreen
#f7f0e9
copy
#ffaf9b
copy
#df5333
copy
#424242
copy
CSS Code
Go fullscreen
#4d4646
copy
#5b5656
copy
#7fcd91
copy
#f5eaea
copy
CSS Code
Go fullscreen
#e2eff1
copy
#65799b
copy
#555273
copy
#e23e57
copy
CSS Code
Go fullscreen
#2a3356
copy
#f35b25
copy
#fdfcfc
copy
#e8e2e2
copy
CSS Code
Go fullscreen
#33313b
copy
#4592af
copy
#e3c4a8
copy
#f6f5f5
copy
CSS Code
Go fullscreen
#e3d9ca
copy
#95a792
copy
#596c68
copy
#403f48
copy
CSS Code
Go fullscreen
#f0e9ff
copy
#cea9ff
copy
#b346ff
copy
#545454
copy
CSS Code
Go fullscreen
#062743
copy
#113a5d
copy
#c4ffdd
copy
#f9f9f9
copy
CSS Code
Go fullscreen
#fafafa
copy
#ff6699
copy
#c54c82
copy
#512e67
copy
CSS Code
Go fullscreen
#ebebeb
copy
#fec100
copy
#528078
copy
#3e615b
copy
CSS Code
Go fullscreen
#248888
copy
#e6e6e6
copy
#e7475e
copy
#f0d879
copy
CSS Code
Go fullscreen
#7386d5
copy
#a0b6f5
copy
#ffefef
copy
#ff2c2c
copy
CSS Code
Go fullscreen
#4b4a5a
copy
#a55540
copy
#e79a58
copy
#e1d5d2
copy
CSS Code
Go fullscreen
#444444
copy
#f30067
copy
#00d1cd
copy
#eaeaea
copy
CSS Code
Go fullscreen
#f0ece2
copy
#dfd3c3
copy
#c7b198
copy
#596e79
copy
CSS Code
Go fullscreen
#dff0ea
copy
#95adbe
copy
#574f7d
copy
#4f3a65
copy
CSS Code
Go fullscreen
#f8c957
copy
#ecf0f1
copy
#3498db
copy
#34495e
copy
CSS Code
Go fullscreen
#ff5656
copy
#edf2f6
copy
#6a7efc
copy
#494953
copy
CSS Code
Go fullscreen
#f5f0e8
copy
#d3bd9a
copy
#a28f70
copy
#674f04
copy
CSS Code
Go fullscreen
#152a38
copy
#2f5241
copy
#d6cfb9
copy
#e4e5db
copy
CSS Code
Go fullscreen
#232931
copy
#f73859
copy
#f1d18a
copy
#ededed
copy
CSS Code
Go fullscreen
#f5f5f5
copy
#c5d200
copy
#51710a
copy
#424242
copy
CSS Code
Go fullscreen
#222831
copy
#393e46
copy
#29a19c
copy
#a3f7bf
copy
CSS Code
Go fullscreen
#f9f7f7
copy
#dbe2ef
copy
#3f72af
copy
#112d4e
copy
CSS Code
Go fullscreen
#354649
copy
#6c7a89
copy
#a3c6c4
copy
#e0e7e9
copy
CSS Code
Go fullscreen
#fcf5b8
copy
#b4cd93
copy
#427a5b
copy
#403f3f
copy
CSS Code
Go fullscreen
#658361
copy
#d0dd97
copy
#f8fae4
copy
#f9de79
copy
CSS Code
Go fullscreen
#192965
copy
#f0efef
copy
#bbcfff
copy
#faafff
copy
CSS Code
Go fullscreen
#fcfcfc
copy
#0fc9e7
copy
#3186b2
copy
#4756ca
copy
CSS Code
Go fullscreen
#37474f
copy
#607d8b
copy
#90a4ae
copy
#f7b633
copy
CSS Code
Go fullscreen
#222831
copy
#393e46
copy
#00adb5
copy
#eeeeee
copy
CSS Code
Go fullscreen
#d8dfe2
copy
#71adb5
copy
#176d81
copy
#0d3446
copy
CSS Code
Go fullscreen
#f5e1da
copy
#f1f1f1
copy
#40a798
copy
#476268
copy
CSS Code
Go fullscreen
#61f2f5
copy
#ffffff
copy
#e0e0e0
copy
#723881
copy
CSS Code
Go fullscreen
#302939
copy
#50595c
copy
#e99b9b
copy
#ffd8d8
copy
CSS Code
Go fullscreen
#eeeeee
copy
#fcc314
copy
#94ac3c
copy
#295ba7
copy
CSS Code
Go fullscreen
#ebf0f6
copy
#98ccd3
copy
#364e68
copy
#132238
copy
CSS Code
Go fullscreen
#303841
copy
#3a4750
copy
#d72323
copy
#eeeeee
copy
CSS Code
Go fullscreen
#000000
copy
#323232
copy
#ff1e56
copy
#ffac41
copy
CSS Code
Go fullscreen
#faf4f4
copy
#ef962d
copy
#9c5518
copy
#5a3f11
copy
CSS Code
Go fullscreen
#363434
copy
#5c5757
copy
#62929a
copy
#efecec
copy
CSS Code
Go fullscreen
#282f44
copy
#e6af2e
copy
#f5d061
copy
#ececec
copy
CSS Code
Go fullscreen
#c1e8da
copy
#c96868
copy
#5e4949
copy
#866770
copy
CSS Code
Go fullscreen
#f4efd3
copy
#cccccc
copy
#c2b0c9
copy
#9656a1
copy
CSS Code
Go fullscreen
#957541
copy
#be9639
copy
#fccf5b
copy
#dde9eb
copy
CSS Code
Go fullscreen
#eeeeee
copy
#ff7100
copy
#be3030
copy
#222222
copy
CSS Code
Go fullscreen
#fafafa
copy
#c7eeff
copy
#0077c0
copy
#1d242b
copy
CSS Code
Go fullscreen
#dbd8e3
copy
#5c5470
copy
#352f44
copy
#2a2438
copy
CSS Code
Go fullscreen
#e8e2db
copy
#fab95b
copy
#f16821
copy
#1a3263
copy
CSS Code
Go fullscreen
#efecea
copy
#334854
copy
#e04462
copy
#f9c535
copy
CSS Code
Go fullscreen
#4ae3b5
copy
#eeeeee
copy
#2a5d67
copy
#171332
copy
CSS Code
Go fullscreen
#f4f4ec
copy
#76e2f4
copy
#615dec
copy
#301781
copy
CSS Code
Go fullscreen
#f3f6f6
copy
#30e3ca
copy
#11999e
copy
#40514e
copy
CSS Code
Go fullscreen
#504658
copy
#f0decb
copy
#ffb5b5
copy
#ce2e6c
copy
CSS Code
Go fullscreen
#f4f7ed
copy
#86ee60
copy
#2e6e65
copy
#2b3752
copy
CSS Code
Go fullscreen
#2e3b3e
copy
#50666b
copy
#f9b8be
copy
#fd6378
copy
CSS Code
Go fullscreen
#f9f9f9
copy
#efe94b
copy
#9f1861
copy
#631357
copy
CSS Code
Go fullscreen
#f85f73
copy
#fbe8d3
copy
#928a97
copy
#283c63
copy
CSS Code
Go fullscreen
#5d697a
copy
#383838
copy
#f66b34
copy
#f2d639
copy
CSS Code
Go fullscreen
#69779b
copy
#9692af
copy
#acdbdf
copy
#d7eaea
copy
CSS Code
Go fullscreen
#c2faf1
copy
#f6f6f6
copy
#dfeff0
copy
#295e6a
copy
CSS Code
Go fullscreen
#f4f4f4
copy
#ff7315
copy
#3a3535
copy
#232020
copy
CSS Code
Go fullscreen
#5f2f14
copy
#1297bd
copy
#1ad7db
copy
#f3f1f1
copy
CSS Code
Go fullscreen
#222831
copy
#393e46
copy
#f96d00
copy
#f2f2f2
copy
CSS Code
Go fullscreen
#ebe9f6
copy
#453c38
copy
#6a5c55
copy
#f66e00
copy
CSS Code
Go fullscreen
#e8e2db
copy
#fab95b
copy
#f5564e
copy
#1a3263
copy
CSS Code
Go fullscreen
#f2f2f0
copy
#ff5e3a
copy
#2c365d
copy
#272e4f
copy
CSS Code
Go fullscreen
#414a50
copy
#85a6b1
copy
#8bd7d1
copy
#caedde
copy
CSS Code
Go fullscreen
#f5f5f5
copy
#ececec
copy
#facc2e
copy
#27b1be
copy
CSS Code
Go fullscreen
#eaeaea
copy
#a1dd70
copy
#00bdaa
copy
#8559a5
copy
CSS Code
Go fullscreen
#f2f2f2
copy
#cdcdcd
copy
#005691
copy
#004a7c
copy
CSS Code
Go fullscreen
#e6dedd
copy
#8f1d14
copy
#1b120f
copy
#f89d13
copy
CSS Code
Go fullscreen
#3c4245
copy
#5f6769
copy
#719192
copy
#dfcdc3
copy
CSS Code
Go fullscreen
#eeeeee
copy
#dedede
copy
#ff4949
copy
#c10000
copy
CSS Code
Go fullscreen
#fafafa
copy
#e1eeff
copy
#c2cfd8
copy
#543a3a
copy
CSS Code
Go fullscreen
#0d7e83
copy
#13293d
copy
#ffaf87
copy
#eef0f2
copy
CSS Code
Go fullscreen
#f4f9f4
copy
#c4e3cb
copy
#8aae92
copy
#616161
copy
CSS Code
Go fullscreen
#f2f2f2
copy
#ebd5d5
copy
#ea8a8a
copy
#685454
copy
CSS Code
Go fullscreen
#303841
copy
#3a4750
copy
#ea9215
copy
#eeeeee
copy
CSS Code
Go fullscreen
#222831
copy
#393e46
copy
#b55400
copy
#eeeeee
copy
CSS Code
Go fullscreen
#eaeaea
copy
#00bdaa
copy
#257aa6
copy
#621e81
copy
CSS Code
Go fullscreen
#fae3e3
copy
#b7b7b7
copy
#137083
copy
#3d0240
copy
CSS Code
Go fullscreen
#f4f4f4
copy
#fb9935
copy
#b90b0b
copy
#8c0909
copy
CSS Code
Go fullscreen
#f3f3f3
copy
#ffdd67
copy
#ffcd38
copy
#4a4a4a
copy
CSS Code
Go fullscreen
#1b3c59
copy
#456173
copy
#11bfae
copy
#f2f2f0
copy
CSS Code
Go fullscreen
#70198a
copy
#bb8fa9
copy
#c1ea9f
copy
#f6f1f8
copy
CSS Code
Go fullscreen
#211572
copy
#24bddf
copy
#f4f4f4
copy
#fffdbb
copy
CSS Code
Go fullscreen
#f6378f
copy
#ffdd00
copy
#f5efe8
copy
#8ea5eb
copy
CSS Code
Go fullscreen
#f6f5f5
copy
#e9e4e6
copy
#3bb4c1
copy
#048998
copy
CSS Code
Go fullscreen
#eeeeee
copy
#d8cbbb
copy
#bb8fa9
copy
#560764
copy
CSS Code
Go fullscreen
#fcf9f4
copy
#ffc97c
copy
#ea7659
copy
#c1c1c1
copy
CSS Code
Go fullscreen
#ecf4f3
copy
#76dbd1
copy
#57a99a
copy
#555151
copy
CSS Code
Go fullscreen
#23374d
copy
#1089ff
copy
#e5e5e5
copy
#eeeeee
copy
CSS Code
Go fullscreen
#062121
copy
#181810
copy
#e4dcad
copy
#eeeeee
copy
CSS Code
Go fullscreen
#f0f0ef
copy
#edd690
copy
#b1bd5d
copy
#955a47
copy
CSS Code
Go fullscreen
#921224
copy
#bce0da
copy
#ebf5ee
copy
#bdc6b8
copy
CSS Code
Go fullscreen
#155e63
copy
#76b39d
copy
#f9f8eb
copy
#eae7e7
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.