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
#ffb400
copy
#fffbe0
copy
#2994b2
copy
#474744
copy
CSS Code
Go fullscreen
#46185f
copy
#297ca0
copy
#bbbbbb
copy
#e9ea77
copy
CSS Code
Go fullscreen
#211572
copy
#48c0d3
copy
#dedede
copy
#ffe578
copy
CSS Code
Go fullscreen
#f2d1a8
copy
#ebebeb
copy
#669b7c
copy
#557669
copy
CSS Code
Go fullscreen
#d8dfe2
copy
#71adb5
copy
#176d81
copy
#0d3446
copy
CSS Code
Go fullscreen
#f4f4ec
copy
#76e2f4
copy
#615dec
copy
#301781
copy
CSS Code
Go fullscreen
#69779b
copy
#9692af
copy
#acdbdf
copy
#d7eaea
copy
CSS Code
Go fullscreen
#222831
copy
#393e46
copy
#d65a31
copy
#eeeeee
copy
CSS Code
Go fullscreen
#921224
copy
#bce0da
copy
#ebf5ee
copy
#bdc6b8
copy
CSS Code
Go fullscreen
#d2d4d6
copy
#7d8df6
copy
#5a4db2
copy
#ff771b
copy
CSS Code
Go fullscreen
#ff5656
copy
#edf2f6
copy
#6a7efc
copy
#494953
copy
CSS Code
Go fullscreen
#e6dedd
copy
#8f1d14
copy
#1b120f
copy
#f89d13
copy
CSS Code
Go fullscreen
#970747
copy
#fef4e8
copy
#13445a
copy
#446878
copy
CSS Code
Go fullscreen
#5d697a
copy
#383838
copy
#f66b34
copy
#f2d639
copy
CSS Code
Go fullscreen
#f3f3f3
copy
#ffdd67
copy
#ffcd38
copy
#4a4a4a
copy
CSS Code
Go fullscreen
#faf6ed
copy
#f6bf4f
copy
#a2453d
copy
#aaaaaa
copy
CSS Code
Go fullscreen
#ff6473
copy
#757882
copy
#5cc1b3
copy
#6ef7c8
copy
CSS Code
Go fullscreen
#5d414d
copy
#7e858b
copy
#abd4c1
copy
#e5f6c6
copy
CSS Code
Go fullscreen
#fbf0f0
copy
#dfd3d3
copy
#b8b0b0
copy
#7c7575
copy
CSS Code
Go fullscreen
#f4f7ed
copy
#86ee60
copy
#2e6e65
copy
#2b3752
copy
CSS Code
Go fullscreen
#f7f7f7
copy
#fcd59b
copy
#1fa8cf
copy
#2657c1
copy
CSS Code
Go fullscreen
#f1e4e4
copy
#15cda8
copy
#099a97
copy
#9764c7
copy
CSS Code
Go fullscreen
#f5f5f5
copy
#01ecd5
copy
#4586ff
copy
#32424a
copy
CSS Code
Go fullscreen
#f7f7f7
copy
#f5b553
copy
#854836
copy
#000000
copy
CSS Code
Go fullscreen
#f7f7f7
copy
#3b0944
copy
#5f1854
copy
#1abb9c
copy
CSS Code
Go fullscreen
#283149
copy
#404b69
copy
#da0463
copy
#dbedf3
copy
CSS Code
Go fullscreen
#dddddd
copy
#516c8d
copy
#28385e
copy
#304163
copy
CSS Code
Go fullscreen
#4d12ee
copy
#2f24c1
copy
#3fd1cb
copy
#f8f6f6
copy
CSS Code
Go fullscreen
#3e333f
copy
#fc4442
copy
#f0e19e
copy
#f2f2f2
copy
CSS Code
Go fullscreen
#d1d1d1
copy
#c8e8ed
copy
#f7fdb1
copy
#ded473
copy
CSS Code
Go fullscreen
#f0ece2
copy
#dfd3c3
copy
#c7b198
copy
#596e79
copy
CSS Code
Go fullscreen
#e7e6e1
copy
#f7f6e7
copy
#c1c0b9
copy
#537791
copy
CSS Code
Go fullscreen
#ececec
copy
#9fd3c7
copy
#385170
copy
#142d4c
copy
CSS Code
Go fullscreen
#fbf7f7
copy
#f1e9e3
copy
#ee712b
copy
#dc4712
copy
CSS Code
Go fullscreen
#146c78
copy
#0e91a1
copy
#7dce94
copy
#efede7
copy
CSS Code
Go fullscreen
#152a38
copy
#29435c
copy
#556e53
copy
#d1d4c9
copy
CSS Code
Go fullscreen
#17139c
copy
#dd3e3e
copy
#ffe5e1
copy
#f2f2f2
copy
CSS Code
Go fullscreen
#fafafa
copy
#ff347f
copy
#c9356c
copy
#f48db4
copy
CSS Code
Go fullscreen
#34374c
copy
#2c2e3e
copy
#ee2b47
copy
#f6f6f6
copy
CSS Code
Go fullscreen
#eef2f5
copy
#ea168e
copy
#612570
copy
#1eafed
copy
CSS Code
Go fullscreen
#a1eafb
copy
#fdfdfd
copy
#ffcef3
copy
#cabbe9
copy
CSS Code
Go fullscreen
#504d4d
copy
#646363
copy
#f5b316
copy
#e7e5e5
copy
CSS Code
Go fullscreen
#ecf0f1
copy
#33cccc
copy
#2980b9
copy
#2c3e50
copy
CSS Code
Go fullscreen
#fafafa
copy
#ffe9e3
copy
#c4c1e0
copy
#7c73e6
copy
CSS Code
Go fullscreen
#f6f5f5
copy
#e3e3e3
copy
#3bb4c1
copy
#048998
copy
CSS Code
Go fullscreen
#e8e8e8
copy
#5588a3
copy
#145374
copy
#00334e
copy
CSS Code
Go fullscreen
#283148
copy
#913535
copy
#bbbbbb
copy
#e9eec9
copy
CSS Code
Go fullscreen
#17e7a4
copy
#f6f1f1
copy
#e0d909
copy
#7d7474
copy
CSS Code
Go fullscreen
#f5f0e8
copy
#d3bd9a
copy
#a28f70
copy
#674f04
copy
CSS Code
Go fullscreen
#0c4762
copy
#51dacf
copy
#9ef5cf
copy
#f4eeee
copy
CSS Code
Go fullscreen
#504658
copy
#f0decb
copy
#ffb5b5
copy
#ce2e6c
copy
CSS Code
Go fullscreen
#f6f5f5
copy
#e9e4e6
copy
#3bb4c1
copy
#048998
copy
CSS Code
Go fullscreen
#fcd307
copy
#1c1259
copy
#ee4266
copy
#d5daeb
copy
CSS Code
Go fullscreen
#fadb3f
copy
#ecf7c5
copy
#515748
copy
#27332d
copy
CSS Code
Go fullscreen
#6a759b
copy
#21273d
copy
#b9d4f1
copy
#f1f6f8
copy
CSS Code
Go fullscreen
#fae3e3
copy
#b7b7b7
copy
#137083
copy
#3d0240
copy
CSS Code
Go fullscreen
#e3e8f8
copy
#c0c5cd
copy
#3e588f
copy
#203562
copy
CSS Code
Go fullscreen
#333366
copy
#ff5f5f
copy
#f9e75e
copy
#f0f0f0
copy
CSS Code
Go fullscreen
#f9499e
copy
#fff0db
copy
#bbbbbb
copy
#5e5e5e
copy
CSS Code
Go fullscreen
#f6378f
copy
#ffdd00
copy
#f5efe8
copy
#8ea5eb
copy
CSS Code
Go fullscreen
#00334e
copy
#145374
copy
#5588a3
copy
#e8e8e8
copy
CSS Code
Go fullscreen
#560764
copy
#bb8fa9
copy
#d8cbbb
copy
#eeeeee
copy
CSS Code
Go fullscreen
#d4a2be
copy
#75597d
copy
#b0b8b4
copy
#f8e4dd
copy
CSS Code
Go fullscreen
#118df0
copy
#0e2f56
copy
#ff304f
copy
#ececda
copy
CSS Code
Go fullscreen
#464159
copy
#6c7b95
copy
#8bbabb
copy
#c7f0db
copy
CSS Code
Go fullscreen
#c2faf1
copy
#f6f6f6
copy
#dfeff0
copy
#295e6a
copy
CSS Code
Go fullscreen
#3498db
copy
#ecf0f1
copy
#34495e
copy
#f1c40f
copy
CSS Code
Go fullscreen
#f5f5f5
copy
#30e3ca
copy
#2f89fc
copy
#40514e
copy
CSS Code
Go fullscreen
#e6e6e6
copy
#fad662
copy
#e57b5c
copy
#be4747
copy
CSS Code
Go fullscreen
#f73f52
copy
#ffea85
copy
#f6f6f6
copy
#7986c7
copy
CSS Code
Go fullscreen
#1684a7
copy
#09a599
copy
#f6ec72
copy
#f6f6f6
copy
CSS Code
Go fullscreen
#e4f9f5
copy
#30e3ca
copy
#11999e
copy
#40514e
copy
CSS Code
Go fullscreen
#fbfbfb
copy
#fff1c1
copy
#78b7bb
copy
#808b97
copy
CSS Code
Go fullscreen
#464545
copy
#fb5660
copy
#f98e90
copy
#f0f3b0
copy
CSS Code
Go fullscreen
#f2f2f0
copy
#ff5e3a
copy
#2c365d
copy
#272e4f
copy
CSS Code
Go fullscreen
#eeeeee
copy
#acc6aa
copy
#71a0a5
copy
#77628c
copy
CSS Code
Go fullscreen
#eadada
copy
#d59dc5
copy
#bf5caa
copy
#4d3a4d
copy
CSS Code
Go fullscreen
#fdfdfd
copy
#e1eb71
copy
#ecab69
copy
#e36161
copy
CSS Code
Go fullscreen
#f9a828
copy
#ececeb
copy
#07617d
copy
#2e383f
copy
CSS Code
Go fullscreen
#eceff4
copy
#00ad7c
copy
#fbd490
copy
#475762
copy
CSS Code
Go fullscreen
#000033
copy
#0066cc
copy
#0099ff
copy
#ededed
copy
CSS Code
Go fullscreen
#303841
copy
#47555e
copy
#7aa5d2
copy
#eeeeee
copy
CSS Code
Go fullscreen
#eff2dd
copy
#fcda05
copy
#ee4848
copy
#5c3551
copy
CSS Code
Go fullscreen
#f6f6f6
copy
#bdf2d5
copy
#7ad9f5
copy
#5d13e7
copy
CSS Code
Go fullscreen
#cb9b42
copy
#b1d1c5
copy
#f2f3ee
copy
#dbd7cb
copy
CSS Code
Go fullscreen
#2f1b41
copy
#9f1e49
copy
#fecd51
copy
#f2f2f2
copy
CSS Code
Go fullscreen
#393939
copy
#849561
copy
#eed690
copy
#ecefd8
copy
CSS Code
Go fullscreen
#f5eeee
copy
#ea21a2
copy
#af05aa
copy
#171313
copy
CSS Code
Go fullscreen
#dff0ea
copy
#95adbe
copy
#574f7d
copy
#4f3a65
copy
CSS Code
Go fullscreen
#f4f7f7
copy
#aacfd0
copy
#5da0a2
copy
#34495e
copy
CSS Code
Go fullscreen
#083358
copy
#0f4471
copy
#fc3c3c
copy
#f6f6f6
copy
CSS Code
Go fullscreen
#222831
copy
#393e46
copy
#f96d00
copy
#f2f2f2
copy
CSS Code
Go fullscreen
#ef6c35
copy
#161c2e
copy
#2bb3c0
copy
#faf7f2
copy
CSS Code
Go fullscreen
#e97a7a
copy
#8b4f80
copy
#8b76a5
copy
#b9c0d5
copy
CSS Code
Go fullscreen
#222831
copy
#393e46
copy
#29a19c
copy
#a3f7bf
copy
CSS Code
Go fullscreen
#fff200
copy
#f5f5f5
copy
#d6e6f2
copy
#303841
copy
CSS Code
Go fullscreen
#f8fcfb
copy
#c9fdd7
copy
#79d1c3
copy
#6892d5
copy
CSS Code
Go fullscreen
#1b4b36
copy
#538f6a
copy
#aebd77
copy
#e0e7f1
copy
CSS Code
Go fullscreen
#364f6b
copy
#3fc1c9
copy
#f5f5f5
copy
#fc5185
copy
CSS Code
Go fullscreen
#f2eee3
copy
#baaf92
copy
#785e4d
copy
#ff8426
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.