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
#314a52
copy
#52686a
copy
#acbdc5
copy
#ffded5
copy
CSS Code
Go fullscreen
#faf6e9
copy
#ece8d9
copy
#fffdf6
copy
#494949
copy
CSS Code
Go fullscreen
#f7f7f7
copy
#eeeeee
copy
#393e46
copy
#929aab
copy
CSS Code
Go fullscreen
#f9fa9b
copy
#ff7777
copy
#ceecf0
copy
#f0f3f3
copy
CSS Code
Go fullscreen
#eeeeee
copy
#d8cbbb
copy
#bb8fa9
copy
#560764
copy
CSS Code
Go fullscreen
#f3f6f6
copy
#30e3ca
copy
#11999e
copy
#40514e
copy
CSS Code
Go fullscreen
#f2eee3
copy
#baaf92
copy
#785e4d
copy
#ff8426
copy
CSS Code
Go fullscreen
#373331
copy
#605a56
copy
#80ac7b
copy
#e8eaa1
copy
CSS Code
Go fullscreen
#70198a
copy
#bb8fa9
copy
#c1ea9f
copy
#f6f1f8
copy
CSS Code
Go fullscreen
#eaeaea
copy
#00bdaa
copy
#257aa6
copy
#621e81
copy
CSS Code
Go fullscreen
#2d4059
copy
#ffb400
copy
#f6f6f6
copy
#ea5455
copy
CSS Code
Go fullscreen
#d9dad7
copy
#c24d2c
copy
#3e4a61
copy
#1a2639
copy
CSS Code
Go fullscreen
#363636
copy
#dc2f2f
copy
#ff894c
copy
#f8f8f8
copy
CSS Code
Go fullscreen
#fae3e3
copy
#b7b7b7
copy
#137083
copy
#3d0240
copy
CSS Code
Go fullscreen
#f1e4e4
copy
#15cda8
copy
#099a97
copy
#9764c7
copy
CSS Code
Go fullscreen
#fafafa
copy
#e8f1f5
copy
#005691
copy
#004a7c
copy
CSS Code
Go fullscreen
#062743
copy
#113a5d
copy
#c4ffdd
copy
#f9f9f9
copy
CSS Code
Go fullscreen
#d2e4f1
copy
#8facc0
copy
#818d97
copy
#484d51
copy
CSS Code
Go fullscreen
#fafafa
copy
#c7eeff
copy
#0077c0
copy
#1d242b
copy
CSS Code
Go fullscreen
#f54d42
copy
#ff8356
copy
#ffcd00
copy
#f5f5f5
copy
CSS Code
Go fullscreen
#fafafa
copy
#ffe9e3
copy
#c4c1e0
copy
#7c73e6
copy
CSS Code
Go fullscreen
#f5e1da
copy
#f1f1f1
copy
#40a798
copy
#476269
copy
CSS Code
Go fullscreen
#434343
copy
#a64452
copy
#f7c873
copy
#f8f8f8
copy
CSS Code
Go fullscreen
#12e6c8
copy
#a287f4
copy
#414141
copy
#000000
copy
CSS Code
Go fullscreen
#ececec
copy
#3e3e3e
copy
#ee046c
copy
#fcac0c
copy
CSS Code
Go fullscreen
#f6378f
copy
#ffdd00
copy
#f5efe8
copy
#8ea5eb
copy
CSS Code
Go fullscreen
#2e2b2b
copy
#388186
copy
#a5e9e1
copy
#fdf6f6
copy
CSS Code
Go fullscreen
#4d606e
copy
#3fbac2
copy
#d3d4d8
copy
#f5f5f5
copy
CSS Code
Go fullscreen
#90aeff
copy
#cefc86
copy
#60efb8
copy
#f9f7f7
copy
CSS Code
Go fullscreen
#faf6ed
copy
#f6bf4f
copy
#a2453d
copy
#aaaaaa
copy
CSS Code
Go fullscreen
#dff0ea
copy
#95adbe
copy
#574f7d
copy
#4f3a65
copy
CSS Code
Go fullscreen
#373640
copy
#63686e
copy
#7e97a6
copy
#b6f7c1
copy
CSS Code
Go fullscreen
#f4f6f6
copy
#ff9c91
copy
#cd3f3e
copy
#1c2938
copy
CSS Code
Go fullscreen
#f2f2f2
copy
#cdcdcd
copy
#005691
copy
#004a7c
copy
CSS Code
Go fullscreen
#1d2323
copy
#5c848e
copy
#decdc3
copy
#e0e0ec
copy
CSS Code
Go fullscreen
#db3b61
copy
#ef3f61
copy
#3a3a59
copy
#555574
copy
CSS Code
Go fullscreen
#ffbc65
copy
#ac4c5e
copy
#5c476f
copy
#eeeeee
copy
CSS Code
Go fullscreen
#696464
copy
#e9e5dd
copy
#d04925
copy
#992e24
copy
CSS Code
Go fullscreen
#f70c9b
copy
#cb007b
copy
#d6e3ed
copy
#99b0c2
copy
CSS Code
Go fullscreen
#3c4245
copy
#5f6769
copy
#719192
copy
#dfcdc3
copy
CSS Code
Go fullscreen
#414a50
copy
#85a6b1
copy
#8bd7d1
copy
#caedde
copy
CSS Code
Go fullscreen
#de7119
copy
#dee3e2
copy
#116979
copy
#18b0b0
copy
CSS Code
Go fullscreen
#303841
copy
#00adb5
copy
#eeeeee
copy
#ff5722
copy
CSS Code
Go fullscreen
#bbe9db
copy
#aeccc6
copy
#9ba6a5
copy
#757a79
copy
CSS Code
Go fullscreen
#f1f6f5
copy
#9ef4e6
copy
#12cc94
copy
#6088bb
copy
CSS Code
Go fullscreen
#ff6473
copy
#757882
copy
#5cc1b3
copy
#6ef7c8
copy
CSS Code
Go fullscreen
#eef2f5
copy
#ea168e
copy
#612570
copy
#1eafed
copy
CSS Code
Go fullscreen
#ff5200
copy
#003355
copy
#04536c
copy
#adaca7
copy
CSS Code
Go fullscreen
#eff0f4
copy
#d3d6db
copy
#415f9d
copy
#233b6e
copy
CSS Code
Go fullscreen
#282f44
copy
#e6af2e
copy
#f5d061
copy
#ececec
copy
CSS Code
Go fullscreen
#8ea6b4
copy
#e7eff3
copy
#ff8f56
copy
#984a59
copy
CSS Code
Go fullscreen
#eb586f
copy
#d8e9f0
copy
#4aa0d5
copy
#454553
copy
CSS Code
Go fullscreen
#f4f7f7
copy
#aacfd0
copy
#5da0a2
copy
#34495e
copy
CSS Code
Go fullscreen
#f0f0f0
copy
#43dde6
copy
#364f6b
copy
#fc5185
copy
CSS Code
Go fullscreen
#ef7b7b
copy
#fcf3ca
copy
#c4eada
copy
#919190
copy
CSS Code
Go fullscreen
#ffbc2c
copy
#86b86b
copy
#4d4d4d
copy
#ececec
copy
CSS Code
Go fullscreen
#f7f7f7
copy
#393e46
copy
#5c636e
copy
#f8b500
copy
CSS Code
Go fullscreen
#f8f8f8
copy
#faebcd
copy
#f7c873
copy
#434343
copy
CSS Code
Go fullscreen
#ef6c35
copy
#161c2e
copy
#2bb3c0
copy
#faf7f2
copy
CSS Code
Go fullscreen
#1684a7
copy
#09a599
copy
#f6ec72
copy
#f6f6f6
copy
CSS Code
Go fullscreen
#e8e2db
copy
#fab95b
copy
#f5564e
copy
#1a3263
copy
CSS Code
Go fullscreen
#f9a828
copy
#ececeb
copy
#07617d
copy
#2e383f
copy
CSS Code
Go fullscreen
#ebe9f6
copy
#453c38
copy
#6a5c55
copy
#f66e00
copy
CSS Code
Go fullscreen
#fcfcfc
copy
#0fc9e7
copy
#3186b2
copy
#4756ca
copy
CSS Code
Go fullscreen
#658361
copy
#d0dd97
copy
#f8fae4
copy
#f9de79
copy
CSS Code
Go fullscreen
#fbfbfb
copy
#fff1c1
copy
#78b7bb
copy
#808b97
copy
CSS Code
Go fullscreen
#f4f4f4
copy
#eadca6
copy
#e2c275
copy
#c36a2d
copy
CSS Code
Go fullscreen
#f5f5f5
copy
#30e3ca
copy
#2f89fc
copy
#40514e
copy
CSS Code
Go fullscreen
#2bcdc1
copy
#38817a
copy
#393e46
copy
#f66095
copy
CSS Code
Go fullscreen
#f5eeee
copy
#ea21a2
copy
#af05aa
copy
#171313
copy
CSS Code
Go fullscreen
#d4a2be
copy
#75597d
copy
#b0b8b4
copy
#f8e4dd
copy
CSS Code
Go fullscreen
#363434
copy
#5c5757
copy
#62929a
copy
#efecec
copy
CSS Code
Go fullscreen
#f2f2f2
copy
#ebd5d5
copy
#ea8a8a
copy
#685454
copy
CSS Code
Go fullscreen
#222831
copy
#393e46
copy
#00adb5
copy
#eeeeee
copy
CSS Code
Go fullscreen
#f7fbfc
copy
#d6e6f2
copy
#b9d7ea
copy
#769fcd
copy
CSS Code
Go fullscreen
#69779b
copy
#9692af
copy
#acdbdf
copy
#d7eaea
copy
CSS Code
Go fullscreen
#303481
copy
#d6e6f2
copy
#f5f5f5
copy
#fff200
copy
CSS Code
Go fullscreen
#4ae3b5
copy
#eeeeee
copy
#2a5d67
copy
#171332
copy
CSS Code
Go fullscreen
#f6f6f6
copy
#bdf2d5
copy
#7ad9f5
copy
#5d13e7
copy
CSS Code
Go fullscreen
#23374d
copy
#1089ff
copy
#e5e5e5
copy
#eeeeee
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
#33425b
copy
#3498db
copy
#fcc29a
copy
#ecf0f1
copy
CSS Code
Go fullscreen
#e3e8f8
copy
#c0c5cd
copy
#3e588f
copy
#203562
copy
CSS Code
Go fullscreen
#fc8a15
copy
#f6f6f6
copy
#1ee494
copy
#009378
copy
CSS Code
Go fullscreen
#f3f6c8
copy
#ea9c1b
copy
#5f685a
copy
#362207
copy
CSS Code
Go fullscreen
#fffde1
copy
#fef778
copy
#fba746
copy
#7f7f7f
copy
CSS Code
Go fullscreen
#6a759b
copy
#21273d
copy
#b9d4f1
copy
#f1f6f8
copy
CSS Code
Go fullscreen
#4e4e6a
copy
#1f6cb0
copy
#70a3c4
copy
#e7e8f5
copy
CSS Code
Go fullscreen
#eeeeee
copy
#ff7100
copy
#be3030
copy
#222222
copy
CSS Code
Go fullscreen
#fbfbfb
copy
#b9e1dc
copy
#f38181
copy
#756c83
copy
CSS Code
Go fullscreen
#ffe700
copy
#fe4e6e
copy
#613864
copy
#d8d7d7
copy
CSS Code
Go fullscreen
#ff5656
copy
#edf2f6
copy
#6a7efc
copy
#494953
copy
CSS Code
Go fullscreen
#3e3e3e
copy
#405559
copy
#68868c
copy
#ededed
copy
CSS Code
Go fullscreen
#3c415e
copy
#738598
copy
#dfe2e2
copy
#1cb3c8
copy
CSS Code
Go fullscreen
#f4f4ec
copy
#76e2f4
copy
#615dec
copy
#301781
copy
CSS Code
Go fullscreen
#f9f7f7
copy
#dbe2ef
copy
#3f72af
copy
#112d4e
copy
CSS Code
Go fullscreen
#fadb3f
copy
#ecf7c5
copy
#515748
copy
#27332d
copy
CSS Code
Go fullscreen
#fbfbfb
copy
#b1d056
copy
#e0ff59
copy
#ffa33e
copy
CSS Code
Go fullscreen
#222831
copy
#393e46
copy
#f96d00
copy
#f2f2f2
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.