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
#e5dfdf
copy
#6ba8a9
copy
#357376
copy
#1d4d4f
copy
CSS Code
Go fullscreen
#90f6d7
copy
#35bcbf
copy
#41506b
copy
#263849
copy
CSS Code
Go fullscreen
#dffcb5
copy
#b7f5de
copy
#add1fc
copy
#9870fc
copy
CSS Code
Go fullscreen
#3b503d
copy
#4a746e
copy
#f1edb3
copy
#c8cf94
copy
CSS Code
Go fullscreen
#007065
copy
#00a79d
copy
#f5c181
copy
#ffeecf
copy
CSS Code
Go fullscreen
#0e3150
copy
#6dc9c8
copy
#ffc0c2
copy
#f7e9e3
copy
CSS Code
Go fullscreen
#7eb19f
copy
#0c8282
copy
#ef9037
copy
#edddbd
copy
CSS Code
Go fullscreen
#08d9d6
copy
#252a34
copy
#ff2e63
copy
#eaeaea
copy
CSS Code
Go fullscreen
#fffb97
copy
#97ffcf
copy
#2fe1d6
copy
#38c6bd
copy
CSS Code
Go fullscreen
#80e5e9
copy
#7d77f6
copy
#793e71
copy
#e471a7
copy
CSS Code
Go fullscreen
#ffdd83
copy
#e3f8ff
copy
#31bccc
copy
#405983
copy
CSS Code
Go fullscreen
#f6efb4
copy
#35c2bd
copy
#2796cb
copy
#3379e4
copy
CSS Code
Go fullscreen
#3a3a62
copy
#604fdd
copy
#26c6d0
copy
#e6e993
copy
CSS Code
Go fullscreen
#f0fff3
copy
#c6f1e7
copy
#70acb1
copy
#59606d
copy
CSS Code
Go fullscreen
#de7119
copy
#dee3e2
copy
#116979
copy
#18b0b0
copy
CSS Code
Go fullscreen
#fc345c
copy
#49beb7
copy
#afffdf
copy
#eafff7
copy
CSS Code
Go fullscreen
#232931
copy
#393e46
copy
#4ecca3
copy
#eeeeee
copy
CSS Code
Go fullscreen
#ffca61
copy
#ffec85
copy
#f2ffdf
copy
#c9f0d6
copy
CSS Code
Go fullscreen
#0d7e83
copy
#13293d
copy
#ffaf87
copy
#eef0f2
copy
CSS Code
Go fullscreen
#ff5335
copy
#dfe0d4
copy
#3e92a3
copy
#353940
copy
CSS Code
Go fullscreen
#7fe7cc
copy
#dfe38e
copy
#efca8c
copy
#f17e7e
copy
CSS Code
Go fullscreen
#adccc7
copy
#144c52
copy
#053220
copy
#d34c26
copy
CSS Code
Go fullscreen
#6fe7dd
copy
#3490de
copy
#6639a6
copy
#521262
copy
CSS Code
Go fullscreen
#36d1c4
copy
#a0eecc
copy
#fff2be
copy
#f6318c
copy
CSS Code
Go fullscreen
#110133
copy
#00918e
copy
#4dd599
copy
#ffdc34
copy
CSS Code
Go fullscreen
#cdffeb
copy
#009f9d
copy
#07456f
copy
#0f0a3c
copy
CSS Code
Go fullscreen
#a9eee6
copy
#fefaec
copy
#f9a1bc
copy
#625772
copy
CSS Code
Go fullscreen
#f3f9fb
copy
#474f85
copy
#51e3d4
copy
#f3ecd3
copy
CSS Code
Go fullscreen
#3c9099
copy
#5fbdb0
copy
#e3e2c3
copy
#f0efe2
copy
CSS Code
Go fullscreen
#f2ffdf
copy
#b1f1b2
copy
#1e757b
copy
#424d69
copy
CSS Code
Go fullscreen
#ecf4f3
copy
#76dbd1
copy
#57a99a
copy
#555151
copy
CSS Code
Go fullscreen
#283739
copy
#228896
copy
#a9c52f
copy
#f5f5f5
copy
CSS Code
Go fullscreen
#fbffa8
copy
#74dac6
copy
#20c1bd
copy
#33354a
copy
CSS Code
Go fullscreen
#f45905
copy
#c70d3a
copy
#512c62
copy
#45969b
copy
CSS Code
Go fullscreen
#73dbc4
copy
#faf7e6
copy
#ff008b
copy
#fff8a1
copy
CSS Code
Go fullscreen
#f5f5f5
copy
#30e3ca
copy
#2f89fc
copy
#40514e
copy
CSS Code
Go fullscreen
#222831
copy
#393e46
copy
#29a19c
copy
#a3f7bf
copy
CSS Code
Go fullscreen
#feeb97
copy
#4fb783
copy
#409d9b
copy
#034561
copy
CSS Code
Go fullscreen
#22213d
copy
#4e3188
copy
#24babc
copy
#eaef9b
copy
CSS Code
Go fullscreen
#feff9f
copy
#78dec9
copy
#2a6f7f
copy
#0e2033
copy
CSS Code
Go fullscreen
#f5e1da
copy
#f1f1f1
copy
#40a798
copy
#476269
copy
CSS Code
Go fullscreen
#e4f5e5
copy
#a6dfde
copy
#88a6e5
copy
#8d6ec8
copy
CSS Code
Go fullscreen
#faffb8
copy
#c5f0a4
copy
#35b0ab
copy
#226b80
copy
CSS Code
Go fullscreen
#3b5441
copy
#83e85a
copy
#2cb978
copy
#107a8b
copy
CSS Code
Go fullscreen
#4d12ee
copy
#2f24c1
copy
#3fd1cb
copy
#f8f6f6
copy
CSS Code
Go fullscreen
#d7ffdf
copy
#ace6c0
copy
#77b5a6
copy
#9d4545
copy
CSS Code
Go fullscreen
#9a60c1
copy
#ac92fa
copy
#96ebf0
copy
#48c3be
copy
CSS Code
Go fullscreen
#015668
copy
#06648c
copy
#0f81c7
copy
#0de2ea
copy
CSS Code
Go fullscreen
#d8dfe2
copy
#71adb5
copy
#176d81
copy
#0d3446
copy
CSS Code
Go fullscreen
#58828b
copy
#5e9387
copy
#c8e29d
copy
#f2f299
copy
CSS Code
Go fullscreen
#f9f8eb
copy
#76b39d
copy
#155263
copy
#f0b917
copy
CSS Code
Go fullscreen
#155263
copy
#ff6f3c
copy
#ff9a3c
copy
#ffc93c
copy
CSS Code
Go fullscreen
#f4f7ed
copy
#86ee60
copy
#2e6e65
copy
#2b3752
copy
CSS Code
Go fullscreen
#1d7d81
copy
#213458
copy
#887575
copy
#f6e8e8
copy
CSS Code
Go fullscreen
#20decb
copy
#41eecb
copy
#f9f296
copy
#fcd78e
copy
CSS Code
Go fullscreen
#f6f5f5
copy
#e3e3e3
copy
#3bb4c1
copy
#048998
copy
CSS Code
Go fullscreen
#394a6d
copy
#3c9d9b
copy
#52de97
copy
#c0ffb3
copy
CSS Code
Go fullscreen
#22eaca
copy
#b31e6f
copy
#ee5a5a
copy
#ff9e74
copy
CSS Code
Go fullscreen
#414a50
copy
#85a6b1
copy
#8bd7d1
copy
#caedde
copy
CSS Code
Go fullscreen
#e4eddb
copy
#307672
copy
#144d53
copy
#1a3c40
copy
CSS Code
Go fullscreen
#f8ed86
copy
#a5e9db
copy
#2ca4bf
copy
#415b90
copy
CSS Code
Go fullscreen
#7ecfc0
copy
#f2e3c9
copy
#ec8f6a
copy
#ef4b4b
copy
CSS Code
Go fullscreen
#5f1854
copy
#8b104e
copy
#1abb9c
copy
#f7f7f7
copy
CSS Code
Go fullscreen
#28615b
copy
#e4f6f6
copy
#ccccea
copy
#c089f8
copy
CSS Code
Go fullscreen
#032a33
copy
#255965
copy
#4c6f7b
copy
#f1d18a
copy
CSS Code
Go fullscreen
#db2d43
copy
#87e5da
copy
#c7f2e3
copy
#f7aa00
copy
CSS Code
Go fullscreen
#f4f56e
copy
#72e8e1
copy
#58b3d3
copy
#418c9f
copy
CSS Code
Go fullscreen
#055049
copy
#faf35e
copy
#069a8e
copy
#a1e3d8
copy
CSS Code
Go fullscreen
#46185f
copy
#297ca0
copy
#bbbbbb
copy
#e9ea77
copy
CSS Code
Go fullscreen
#f8f8f8
copy
#50b6bb
copy
#45969b
copy
#f96d15
copy
CSS Code
Go fullscreen
#fcffc1
copy
#9bf4d5
copy
#1dad9b
copy
#346357
copy
CSS Code
Go fullscreen
#444444
copy
#f30067
copy
#00d1cd
copy
#eaeaea
copy
CSS Code
Go fullscreen
#48829e
copy
#51dacf
copy
#9ef5cf
copy
#e8ffb1
copy
CSS Code
Go fullscreen
#b8f7d4
copy
#6fe7db
copy
#7fa6ee
copy
#835af1
copy
CSS Code
Go fullscreen
#616eef
copy
#09a8fa
copy
#41c5d3
copy
#d0f1cf
copy
CSS Code
Go fullscreen
#f8f5e4
copy
#f97300
copy
#0e3047
copy
#10828c
copy
CSS Code
Go fullscreen
#61d4b3
copy
#fdd365
copy
#fb8d62
copy
#fd2eb3
copy
CSS Code
Go fullscreen
#7a81eb
copy
#504aa7
copy
#253361
copy
#599597
copy
CSS Code
Go fullscreen
#04879c
copy
#0c3c78
copy
#090030
copy
#f30a49
copy
CSS Code
Go fullscreen
#47e4bb
copy
#ec9b3b
copy
#e8647c
copy
#000000
copy
CSS Code
Go fullscreen
#e4f9f5
copy
#30e3ca
copy
#11999e
copy
#40514e
copy
CSS Code
Go fullscreen
#37b7b5
copy
#a0e4e0
copy
#c7f6f5
copy
#f6b132
copy
CSS Code
Go fullscreen
#f7e74a
copy
#09c6ab
copy
#068888
copy
#02556d
copy
CSS Code
Go fullscreen
#113f67
copy
#34699a
copy
#408ab4
copy
#65c6c4
copy
CSS Code
Go fullscreen
#e95280
copy
#23b1a5
copy
#ffdd7e
copy
#f3f3f3
copy
CSS Code
Go fullscreen
#0eb29a
copy
#f5fdff
copy
#ddf0c2
copy
#8c999a
copy
CSS Code
Go fullscreen
#fff395
copy
#7459dc
copy
#41b3ff
copy
#63f5ef
copy
CSS Code
Go fullscreen
#a6f2db
copy
#7bcace
copy
#678eb4
copy
#4f4e79
copy
CSS Code
Go fullscreen
#f3ecc8
copy
#78c2c3
copy
#3f6699
copy
#0d1b4c
copy
CSS Code
Go fullscreen
#1333a6
copy
#317ae1
copy
#1fdedb
copy
#fffcbf
copy
CSS Code
Go fullscreen
#1d0251
copy
#019081
copy
#74cc7e
copy
#d2eba7
copy
CSS Code
Go fullscreen
#12e6c8
copy
#a287f4
copy
#414141
copy
#000000
copy
CSS Code
Go fullscreen
#003545
copy
#00454a
copy
#3c6562
copy
#ed6363
copy
CSS Code
Go fullscreen
#a3f7bf
copy
#29a19c
copy
#4b6289
copy
#60316e
copy
CSS Code
Go fullscreen
#c9485b
copy
#e89da2
copy
#f5c3bc
copy
#96d1c7
copy
CSS Code
Go fullscreen
#464159
copy
#6c7b95
copy
#8bbabb
copy
#c7f0db
copy
CSS Code
Go fullscreen
#51eaea
copy
#ffdbc5
copy
#ff9d76
copy
#ef4339
copy
CSS Code
Go fullscreen
#155674
copy
#60beb3
copy
#79f8bb
copy
#f5ffae
copy
CSS Code
Go fullscreen
#ecfeff
copy
#00b7c2
copy
#128494
copy
#4ef037
copy
CSS Code
Go fullscreen
#071a52
copy
#086972
copy
#17b978
copy
#a7ff83
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
175,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.