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
#db3b61
copy
#ef3f61
copy
#3a3a59
copy
#555574
copy
CSS Code
Go fullscreen
#0eb29a
copy
#f5fdff
copy
#ddf0c2
copy
#8c999a
copy
CSS Code
Go fullscreen
#070f4e
copy
#2772db
copy
#3ab1c8
copy
#f5ebeb
copy
CSS Code
Go fullscreen
#f5eeee
copy
#ea21a2
copy
#af05aa
copy
#171313
copy
CSS Code
Go fullscreen
#faf6ed
copy
#f6bf4f
copy
#a2453d
copy
#aaaaaa
copy
CSS Code
Go fullscreen
#525252
copy
#414141
copy
#313131
copy
#ec625f
copy
CSS Code
Go fullscreen
#fcf9f4
copy
#ffc97c
copy
#ea7659
copy
#c1c1c1
copy
CSS Code
Go fullscreen
#f6f5f5
copy
#e9e4e6
copy
#3bb4c1
copy
#048998
copy
CSS Code
Go fullscreen
#e3d9ca
copy
#95a792
copy
#596c68
copy
#403f48
copy
CSS Code
Go fullscreen
#d5f7ff
copy
#494b67
copy
#ff006c
copy
#ecebff
copy
CSS Code
Go fullscreen
#f3f6f6
copy
#30e3ca
copy
#11999e
copy
#40514e
copy
CSS Code
Go fullscreen
#f6f6f6
copy
#bdf2d5
copy
#7ad9f5
copy
#5d13e7
copy
CSS Code
Go fullscreen
#f7f7f7
copy
#ff570c
copy
#606470
copy
#323643
copy
CSS Code
Go fullscreen
#f3f6c8
copy
#ea9c1b
copy
#5f685a
copy
#362207
copy
CSS Code
Go fullscreen
#343434
copy
#8e8b82
copy
#e9dcbe
copy
#f3f3f3
copy
CSS Code
Go fullscreen
#f4f4f4
copy
#6decb9
copy
#11999e
copy
#3c3c3c
copy
CSS Code
Go fullscreen
#7bc74d
copy
#222831
copy
#393e46
copy
#eeeeee
copy
CSS Code
Go fullscreen
#ff6d24
copy
#4e413b
copy
#857671
copy
#e2ded3
copy
CSS Code
Go fullscreen
#f54d42
copy
#ff8356
copy
#ffcd00
copy
#f5f5f5
copy
CSS Code
Go fullscreen
#2185d5
copy
#3a4750
copy
#303841
copy
#f3f3f3
copy
CSS Code
Go fullscreen
#f9f7f7
copy
#dbe2ef
copy
#3f72af
copy
#112d4e
copy
CSS Code
Go fullscreen
#ef7b7b
copy
#fcf3ca
copy
#c4eada
copy
#919190
copy
CSS Code
Go fullscreen
#f5f0e8
copy
#d3bd9a
copy
#a28f70
copy
#674f04
copy
CSS Code
Go fullscreen
#f7f0e9
copy
#ffaf9b
copy
#df5333
copy
#424242
copy
CSS Code
Go fullscreen
#f9499e
copy
#fff0db
copy
#bbbbbb
copy
#5e5e5e
copy
CSS Code
Go fullscreen
#4d4646
copy
#5b5656
copy
#7fcd91
copy
#f5eaea
copy
CSS Code
Go fullscreen
#f7fbfc
copy
#d6e6f2
copy
#b9d7ea
copy
#769fcd
copy
CSS Code
Go fullscreen
#f0f0ef
copy
#edd690
copy
#b1bd5d
copy
#955a47
copy
CSS Code
Go fullscreen
#ececec
copy
#9fd3c7
copy
#385170
copy
#142d4c
copy
CSS Code
Go fullscreen
#f7f4ea
copy
#9ce3cf
copy
#6a7ff5
copy
#574b9b
copy
CSS Code
Go fullscreen
#222831
copy
#393e46
copy
#ff5722
copy
#eeeeee
copy
CSS Code
Go fullscreen
#302939
copy
#50595c
copy
#e99b9b
copy
#ffd8d8
copy
CSS Code
Go fullscreen
#ee0e51
copy
#e4dcef
copy
#505458
copy
#363540
copy
CSS Code
Go fullscreen
#ecf4f3
copy
#76dbd1
copy
#57a99a
copy
#555151
copy
CSS Code
Go fullscreen
#222831
copy
#393e46
copy
#d65a31
copy
#eeeeee
copy
CSS Code
Go fullscreen
#5c4d4d
copy
#915b4a
copy
#a96851
copy
#f2f1e7
copy
CSS Code
Go fullscreen
#a6e4e7
copy
#f9f9f9
copy
#ebcbae
copy
#8f8787
copy
CSS Code
Go fullscreen
#f4f4f4
copy
#fb9935
copy
#b90b0b
copy
#8c0909
copy
CSS Code
Go fullscreen
#fcf5b8
copy
#b4cd93
copy
#427a5b
copy
#403f3f
copy
CSS Code
Go fullscreen
#f4f7f7
copy
#aacfd0
copy
#79a8a9
copy
#1f4e5f
copy
CSS Code
Go fullscreen
#f6f6f6
copy
#d6e4f0
copy
#1e56a0
copy
#163172
copy
CSS Code
Go fullscreen
#66bfbf
copy
#eaf6f6
copy
#fcfefe
copy
#f76b8a
copy
CSS Code
Go fullscreen
#fbf7f7
copy
#f9d00f
copy
#f0ae2c
copy
#f92727
copy
CSS Code
Go fullscreen
#062743
copy
#113a5d
copy
#ff7a8a
copy
#f9f9f9
copy
CSS Code
Go fullscreen
#f1e4e4
copy
#15cda8
copy
#099a97
copy
#9764c7
copy
CSS Code
Go fullscreen
#f4f4ec
copy
#76e2f4
copy
#615dec
copy
#301781
copy
CSS Code
Go fullscreen
#f4e8c1
copy
#a0c1b8
copy
#726a95
copy
#351f39
copy
CSS Code
Go fullscreen
#ffe700
copy
#fe4e6e
copy
#613864
copy
#d8d7d7
copy
CSS Code
Go fullscreen
#fcfcfc
copy
#0fc9e7
copy
#3186b2
copy
#4756ca
copy
CSS Code
Go fullscreen
#ddf796
copy
#f3fe7e
copy
#979797
copy
#757575
copy
CSS Code
Go fullscreen
#faf9f9
copy
#add2c9
copy
#5ea3a3
copy
#488b8f
copy
CSS Code
Go fullscreen
#c2faf1
copy
#f6f6f6
copy
#dfeff0
copy
#295e6a
copy
CSS Code
Go fullscreen
#ff896b
copy
#e8d4b4
copy
#ebe6e6
copy
#f3f3f3
copy
CSS Code
Go fullscreen
#fcd307
copy
#1c1259
copy
#ee4266
copy
#d5daeb
copy
CSS Code
Go fullscreen
#303841
copy
#3a4750
copy
#ea9215
copy
#eeeeee
copy
CSS Code
Go fullscreen
#272932
copy
#1c7293
copy
#b9e3c6
copy
#f1f2eb
copy
CSS Code
Go fullscreen
#232931
copy
#f73859
copy
#f1d18a
copy
#ededed
copy
CSS Code
Go fullscreen
#17e7a4
copy
#f6f1f1
copy
#e0d909
copy
#7d7474
copy
CSS Code
Go fullscreen
#f0fff3
copy
#c6f1e7
copy
#70acb1
copy
#59606d
copy
CSS Code
Go fullscreen
#eeeeee
copy
#ff7100
copy
#be3030
copy
#222222
copy
CSS Code
Go fullscreen
#000000
copy
#3e3636
copy
#d72323
copy
#f5eded
copy
CSS Code
Go fullscreen
#ff5656
copy
#edf2f6
copy
#6a7efc
copy
#494953
copy
CSS Code
Go fullscreen
#146c78
copy
#0e91a1
copy
#7dce94
copy
#efede7
copy
CSS Code
Go fullscreen
#f7f7f7
copy
#393e46
copy
#5c636e
copy
#f8b500
copy
CSS Code
Go fullscreen
#192965
copy
#f0efef
copy
#bbcfff
copy
#faafff
copy
CSS Code
Go fullscreen
#118df0
copy
#0e2f56
copy
#ff304f
copy
#ececda
copy
CSS Code
Go fullscreen
#8ecccc
copy
#50717b
copy
#3a4042
copy
#212121
copy
CSS Code
Go fullscreen
#eeeeee
copy
#7971ea
copy
#393e46
copy
#222831
copy
CSS Code
Go fullscreen
#dff0ea
copy
#95adbe
copy
#574f7d
copy
#4f3a65
copy
CSS Code
Go fullscreen
#ffb400
copy
#fffbe0
copy
#2994b2
copy
#474744
copy
CSS Code
Go fullscreen
#ececeb
copy
#f9a828
copy
#07617d
copy
#2e383f
copy
CSS Code
Go fullscreen
#2c5460
copy
#bbdc2f
copy
#61b136
copy
#cbe0e0
copy
CSS Code
Go fullscreen
#1684a7
copy
#09a599
copy
#f6ec72
copy
#f6f6f6
copy
CSS Code
Go fullscreen
#343434
copy
#055e68
copy
#62a388
copy
#b9d2d2
copy
CSS Code
Go fullscreen
#f5f5f5
copy
#b9e937
copy
#00b906
copy
#424242
copy
CSS Code
Go fullscreen
#e8e2db
copy
#fab95b
copy
#f16821
copy
#1a3263
copy
CSS Code
Go fullscreen
#f7f7f7
copy
#eeeeee
copy
#393e46
copy
#929aab
copy
CSS Code
Go fullscreen
#f85f73
copy
#fbe8d3
copy
#928a97
copy
#283c63
copy
CSS Code
Go fullscreen
#d8dfe2
copy
#71adb5
copy
#176d81
copy
#0d3446
copy
CSS Code
Go fullscreen
#433751
copy
#2f576e
copy
#748b9c
copy
#f0e3e3
copy
CSS Code
Go fullscreen
#fafafa
copy
#ff347f
copy
#c9356c
copy
#f48db4
copy
CSS Code
Go fullscreen
#e2eff1
copy
#65799b
copy
#555273
copy
#e23e57
copy
CSS Code
Go fullscreen
#3c9099
copy
#5fbdb0
copy
#e3e2c3
copy
#f0efe2
copy
CSS Code
Go fullscreen
#222832
copy
#2f3847
copy
#e7a117
copy
#c57f1e
copy
CSS Code
Go fullscreen
#ff62a5
copy
#ffe5ae
copy
#6b76ff
copy
#dee0d9
copy
CSS Code
Go fullscreen
#ff5335
copy
#dfe0d4
copy
#3e92a3
copy
#353940
copy
CSS Code
Go fullscreen
#f4f7f7
copy
#79a8a9
copy
#4d727e
copy
#1f4e5f
copy
CSS Code
Go fullscreen
#3d262a
copy
#127c56
copy
#eab64d
copy
#ecf3f6
copy
CSS Code
Go fullscreen
#f1efe9
copy
#beceb0
copy
#34857f
copy
#b0a48a
copy
CSS Code
Go fullscreen
#f2f4f6
copy
#1ee3cf
copy
#6b48ff
copy
#0d3f67
copy
CSS Code
Go fullscreen
#303841
copy
#47555e
copy
#7aa5d2
copy
#eeeeee
copy
CSS Code
Go fullscreen
#f6faf7
copy
#e7eaa8
copy
#b4bb72
copy
#303e27
copy
CSS Code
Go fullscreen
#f2f9f1
copy
#ddeedf
copy
#b6cdbd
copy
#5c715e
copy
CSS Code
Go fullscreen
#504658
copy
#f0decb
copy
#ffb5b5
copy
#ce2e6c
copy
CSS Code
Go fullscreen
#d3d6db
copy
#3a4750
copy
#303841
copy
#be3144
copy
CSS Code
Go fullscreen
#3f3f3f
copy
#95956e
copy
#d2d86e
copy
#efefef
copy
CSS Code
Go fullscreen
#1b3c59
copy
#456173
copy
#11bfae
copy
#f2f2f0
copy
CSS Code
Go fullscreen
#560764
copy
#bb8fa9
copy
#d8cbbb
copy
#eeeeee
copy
CSS Code
Go fullscreen
#2e94b9
copy
#475053
copy
#acdcee
copy
#f0fbff
copy
CSS Code
Go fullscreen
#cb9b42
copy
#b1d1c5
copy
#f2f3ee
copy
#dbd7cb
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.