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 Turquoise CSS Color Palettes
#2c2828
copy
#3b2c85
copy
#219897
copy
#85cfcb
copy
CSS Code
Go fullscreen
#fab95b
copy
#71a0a5
copy
#665c84
copy
#212121
copy
CSS Code
Go fullscreen
#414a50
copy
#85a6b1
copy
#8bd7d1
copy
#caedde
copy
CSS Code
Go fullscreen
#87e5da
copy
#92a4c0
copy
#f4adad
copy
#e58cdb
copy
CSS Code
Go fullscreen
#8cdadb
copy
#815e94
copy
#f4f49e
copy
#f1d089
copy
CSS Code
Go fullscreen
#222831
copy
#393e46
copy
#00adb5
copy
#eeeeee
copy
CSS Code
Go fullscreen
#e7f5f2
copy
#f9c7cf
copy
#12776f
copy
#0f4137
copy
CSS Code
Go fullscreen
#f5f5f5
copy
#ececec
copy
#facc2e
copy
#27b1be
copy
CSS Code
Go fullscreen
#f7e74a
copy
#09c6ab
copy
#068888
copy
#02556d
copy
CSS Code
Go fullscreen
#fae3e3
copy
#b7b7b7
copy
#137083
copy
#3d0240
copy
CSS Code
Go fullscreen
#ff9234
copy
#ffcd3c
copy
#fefed5
copy
#35d0ba
copy
CSS Code
Go fullscreen
#0278ae
copy
#51dacf
copy
#9ef5cf
copy
#e8ffb1
copy
CSS Code
Go fullscreen
#3a3a62
copy
#604fdd
copy
#26c6d0
copy
#e6e993
copy
CSS Code
Go fullscreen
#d7aef3
copy
#94f6f2
copy
#f7f680
copy
#fbd0f5
copy
CSS Code
Go fullscreen
#c1e8da
copy
#c96868
copy
#5e4949
copy
#866770
copy
CSS Code
Go fullscreen
#e4f5e5
copy
#a6dfde
copy
#88a6e5
copy
#8d6ec8
copy
CSS Code
Go fullscreen
#ecfeff
copy
#00b7c2
copy
#128494
copy
#4ef037
copy
CSS Code
Go fullscreen
#fa5555
copy
#f7fb76
copy
#8ded8e
copy
#2d7d8f
copy
CSS Code
Go fullscreen
#f7f7f7
copy
#3b0944
copy
#5f1854
copy
#1abb9c
copy
CSS Code
Go fullscreen
#1eb2a6
copy
#d4f8e8
copy
#ffa34d
copy
#f67575
copy
CSS Code
Go fullscreen
#f87d09
copy
#f6f6f6
copy
#a7cdcc
copy
#004a55
copy
CSS Code
Go fullscreen
#f4f56e
copy
#72e8e1
copy
#58b3d3
copy
#418c9f
copy
CSS Code
Go fullscreen
#0278ae
copy
#51adcf
copy
#a5ecd7
copy
#e8ffc1
copy
CSS Code
Go fullscreen
#cdffeb
copy
#009f9d
copy
#07456f
copy
#0f0a3c
copy
CSS Code
Go fullscreen
#20716a
copy
#23a393
copy
#ffc0c2
copy
#f7e9e3
copy
CSS Code
Go fullscreen
#ee8572
copy
#35495e
copy
#347474
copy
#63b7af
copy
CSS Code
Go fullscreen
#071e3d
copy
#1f4287
copy
#278ea5
copy
#21e6c1
copy
CSS Code
Go fullscreen
#0eb29a
copy
#f5fdff
copy
#ddf0c2
copy
#8c999a
copy
CSS Code
Go fullscreen
#f0bebe
copy
#5ea3a6
copy
#3a718c
copy
#ffffdf
copy
CSS Code
Go fullscreen
#f5f7fa
copy
#5be7c4
copy
#4fc1e9
copy
#7a57d1
copy
CSS Code
Go fullscreen
#303841
copy
#00adb5
copy
#eeeeee
copy
#ff5722
copy
CSS Code
Go fullscreen
#adccc7
copy
#144c52
copy
#053220
copy
#d34c26
copy
CSS Code
Go fullscreen
#f4f7ed
copy
#86ee60
copy
#2e6e65
copy
#2b3752
copy
CSS Code
Go fullscreen
#f76262
copy
#216583
copy
#65c0ba
copy
#cffdf8
copy
CSS Code
Go fullscreen
#0c4762
copy
#51dacf
copy
#9ef5cf
copy
#f4eeee
copy
CSS Code
Go fullscreen
#f6c667
copy
#b30753
copy
#280f34
copy
#bff4ed
copy
CSS Code
Go fullscreen
#07588a
copy
#6ac1b8
copy
#bfe9db
copy
#e1f6f4
copy
CSS Code
Go fullscreen
#fbfbfb
copy
#fff1c1
copy
#78b7bb
copy
#808b97
copy
CSS Code
Go fullscreen
#eaeaea
copy
#00bdaa
copy
#257aa6
copy
#621e81
copy
CSS Code
Go fullscreen
#ecf4f3
copy
#d1eecc
copy
#76dbd1
copy
#57a99a
copy
CSS Code
Go fullscreen
#3e3245
copy
#524a79
copy
#97d8ec
copy
#74bbca
copy
CSS Code
Go fullscreen
#007065
copy
#00a79d
copy
#f5c181
copy
#ffeecf
copy
CSS Code
Go fullscreen
#7fa998
copy
#f1f1b0
copy
#df8543
copy
#9d2503
copy
CSS Code
Go fullscreen
#3e3838
copy
#ae7c7c
copy
#6cbbb3
copy
#efe784
copy
CSS Code
Go fullscreen
#293462
copy
#216583
copy
#00818a
copy
#f7be16
copy
CSS Code
Go fullscreen
#352d4d
copy
#6d6192
copy
#69b0c1
copy
#92e0a9
copy
CSS Code
Go fullscreen
#f77754
copy
#018790
copy
#0a516d
copy
#2b2726
copy
CSS Code
Go fullscreen
#f78536
copy
#dfebed
copy
#497285
copy
#2b4450
copy
CSS Code
Go fullscreen
#00a8b5
copy
#774898
copy
#e62a76
copy
#fbb901
copy
CSS Code
Go fullscreen
#512c96
copy
#3c6f9c
copy
#dd6892
copy
#f9c6ba
copy
CSS Code
Go fullscreen
#041122
copy
#259073
copy
#7fda89
copy
#e6f99d
copy
CSS Code
Go fullscreen
#f5fac8
copy
#aee8e6
copy
#8bcfcc
copy
#539092
copy
CSS Code
Go fullscreen
#f3f9fb
copy
#474f85
copy
#51e3d4
copy
#f3ecd3
copy
CSS Code
Go fullscreen
#0e3150
copy
#6dc9c8
copy
#ffc0c2
copy
#f7e9e3
copy
CSS Code
Go fullscreen
#d8fff1
copy
#78e4d4
copy
#b485d8
copy
#5b73a7
copy
CSS Code
Go fullscreen
#2b1f31
copy
#413d65
copy
#5fb9b0
copy
#bef992
copy
CSS Code
Go fullscreen
#7a81eb
copy
#504aa7
copy
#253361
copy
#599597
copy
CSS Code
Go fullscreen
#1d2323
copy
#5c848e
copy
#decdc3
copy
#e0e0ec
copy
CSS Code
Go fullscreen
#353b6e
copy
#252243
copy
#74deed
copy
#9365db
copy
CSS Code
Go fullscreen
#d3f6d1
copy
#a7d7c5
copy
#74b49b
copy
#5c8d89
copy
CSS Code
Go fullscreen
#36d1c4
copy
#a0eecc
copy
#fff2be
copy
#f6318c
copy
CSS Code
Go fullscreen
#43ab92
copy
#f75f00
copy
#c93838
copy
#512c62
copy
CSS Code
Go fullscreen
#f8d5f0
copy
#58d5d3
copy
#41a4c3
copy
#3f4b83
copy
CSS Code
Go fullscreen
#085f63
copy
#49beb7
copy
#facf5a
copy
#ff5959
copy
CSS Code
Go fullscreen
#e4f9f5
copy
#30e3ca
copy
#11999e
copy
#40514e
copy
CSS Code
Go fullscreen
#225763
copy
#41d8bf
copy
#2f89b3
copy
#3b50b2
copy
CSS Code
Go fullscreen
#d68438
copy
#f1b24b
copy
#36846b
copy
#4bb39a
copy
CSS Code
Go fullscreen
#f1fafb
copy
#a0e4f1
copy
#9dc6ff
copy
#4993fa
copy
CSS Code
Go fullscreen
#54777d
copy
#eadb9d
copy
#feffe4
copy
#e7e3c5
copy
CSS Code
Go fullscreen
#5585b5
copy
#53a8b6
copy
#79c2d0
copy
#bbe4e9
copy
CSS Code
Go fullscreen
#1fe5bd
copy
#41a7b3
copy
#5e227f
copy
#d22780
copy
CSS Code
Go fullscreen
#95efce
copy
#2ea1d9
copy
#395ea6
copy
#3e467f
copy
CSS Code
Go fullscreen
#90f6d7
copy
#35bcbf
copy
#41506b
copy
#263849
copy
CSS Code
Go fullscreen
#de5b7b
copy
#eccfd1
copy
#f0e3c4
copy
#98ded3
copy
CSS Code
Go fullscreen
#015668
copy
#263f44
copy
#ffd369
copy
#fff1cf
copy
CSS Code
Go fullscreen
#47d0bd
copy
#daec8b
copy
#fffdd6
copy
#ff5da2
copy
CSS Code
Go fullscreen
#567582
copy
#464d5c
copy
#f7dda4
copy
#b89068
copy
CSS Code
Go fullscreen
#515661
copy
#2e9f82
copy
#68c170
copy
#d6ec8c
copy
CSS Code
Go fullscreen
#432160
copy
#ff7a5a
copy
#50e3c2
copy
#fcf4d9
copy
CSS Code
Go fullscreen
#fdfdc4
copy
#ffe8cf
copy
#ffdede
copy
#ccffec
copy
CSS Code
Go fullscreen
#6b62ce
copy
#372e96
copy
#2f99ad
copy
#84efe2
copy
CSS Code
Go fullscreen
#00b8a9
copy
#f8f3d4
copy
#f6416c
copy
#ffde7d
copy
CSS Code
Go fullscreen
#e1f5f2
copy
#6bc5d2
copy
#5a5d9d
copy
#390050
copy
CSS Code
Go fullscreen
#f8aa27
copy
#fac55b
copy
#fff8b6
copy
#20655f
copy
CSS Code
Go fullscreen
#f5e1da
copy
#f1f1f1
copy
#40a798
copy
#476269
copy
CSS Code
Go fullscreen
#a6f2db
copy
#7bcace
copy
#678eb4
copy
#4f4e79
copy
CSS Code
Go fullscreen
#f3f2c9
copy
#f0d587
copy
#93af56
copy
#336371
copy
CSS Code
Go fullscreen
#3d5a59
copy
#9aebdd
copy
#367db5
copy
#313e86
copy
CSS Code
Go fullscreen
#f0fff3
copy
#c6f1e7
copy
#70acb1
copy
#59606d
copy
CSS Code
Go fullscreen
#faf8f8
copy
#17ead9
copy
#6078ea
copy
#4b4848
copy
CSS Code
Go fullscreen
#055049
copy
#faf35e
copy
#069a8e
copy
#a1e3d8
copy
CSS Code
Go fullscreen
#4b2c34
copy
#447878
copy
#779977
copy
#ddddbb
copy
CSS Code
Go fullscreen
#363434
copy
#5c5757
copy
#62929a
copy
#efecec
copy
CSS Code
Go fullscreen
#f2ffdf
copy
#b1f1b2
copy
#1e757b
copy
#424d69
copy
CSS Code
Go fullscreen
#2bcdc1
copy
#38817a
copy
#393e46
copy
#f66095
copy
CSS Code
Go fullscreen
#d0f66a
copy
#36c186
copy
#158a8c
copy
#1e5287
copy
CSS Code
Go fullscreen
#0d7e83
copy
#13293d
copy
#ffaf87
copy
#eef0f2
copy
CSS Code
Go fullscreen
#11cbd7
copy
#9feed1
copy
#fff6a2
copy
#f60c86
copy
CSS Code
Go fullscreen
#248888
copy
#e6e6e6
copy
#e7475e
copy
#f0d879
copy
CSS Code
Go fullscreen
#616eef
copy
#09a8fa
copy
#41c5d3
copy
#d0f1cf
copy
CSS Code
Go fullscreen
All Turquoise 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.