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
#f87d09
copy
#f6f6f6
copy
#a7cdcc
copy
#004a55
copy
CSS Code
Go fullscreen
#3b939b
copy
#2f8189
copy
#91f3fc
copy
#c9fbff
copy
CSS Code
Go fullscreen
#085f63
copy
#49beb7
copy
#facf5a
copy
#ff5959
copy
CSS Code
Go fullscreen
#062d92
copy
#046fdb
copy
#03d6d2
copy
#fffcbf
copy
CSS Code
Go fullscreen
#ddf516
copy
#12e2a3
copy
#389168
copy
#0f117a
copy
CSS Code
Go fullscreen
#fcf4d9
copy
#8ed2c9
copy
#00aaa0
copy
#d55b3e
copy
CSS Code
Go fullscreen
#333a7b
copy
#4b6982
copy
#70c6c7
copy
#b4ffd8
copy
CSS Code
Go fullscreen
#f7f2c1
copy
#f0ca6d
copy
#48ba95
copy
#403321
copy
CSS Code
Go fullscreen
#de5b7b
copy
#eccfd1
copy
#f0e3c4
copy
#98ded3
copy
CSS Code
Go fullscreen
#f4f4ec
copy
#76e2f4
copy
#615dec
copy
#301781
copy
CSS Code
Go fullscreen
#65ead1
copy
#f469a9
copy
#ff917b
copy
#fcffc1
copy
CSS Code
Go fullscreen
#fa5555
copy
#f7fb76
copy
#8ded8e
copy
#2d7d8f
copy
CSS Code
Go fullscreen
#7b99fa
copy
#53cdd8
copy
#96eab7
copy
#f1f3b8
copy
CSS Code
Go fullscreen
#1d0251
copy
#019081
copy
#74cc7e
copy
#d2eba7
copy
CSS Code
Go fullscreen
#ee8572
copy
#35495e
copy
#347474
copy
#63b7af
copy
CSS Code
Go fullscreen
#ff6473
copy
#757882
copy
#5cc1b3
copy
#6ef7c8
copy
CSS Code
Go fullscreen
#414a50
copy
#85a6b1
copy
#8bd7d1
copy
#caedde
copy
CSS Code
Go fullscreen
#055049
copy
#faf35e
copy
#069a8e
copy
#a1e3d8
copy
CSS Code
Go fullscreen
#7eb19f
copy
#0c8282
copy
#ef9037
copy
#edddbd
copy
CSS Code
Go fullscreen
#015668
copy
#263f44
copy
#ffd369
copy
#fff1cf
copy
CSS Code
Go fullscreen
#5ba19b
copy
#fceaea
copy
#f5d9d9
copy
#fbead1
copy
CSS Code
Go fullscreen
#515661
copy
#2e9f82
copy
#68c170
copy
#d6ec8c
copy
CSS Code
Go fullscreen
#e4f5e5
copy
#a6dfde
copy
#88a6e5
copy
#8d6ec8
copy
CSS Code
Go fullscreen
#616eef
copy
#09a8fa
copy
#41c5d3
copy
#d0f1cf
copy
CSS Code
Go fullscreen
#a6e4e7
copy
#f9f9f9
copy
#ebcbae
copy
#8f8787
copy
CSS Code
Go fullscreen
#49493c
copy
#9fa180
copy
#f2f77f
copy
#6ebaa7
copy
CSS Code
Go fullscreen
#57d1c9
copy
#ed5485
copy
#fffbcb
copy
#ffe869
copy
CSS Code
Go fullscreen
#07588a
copy
#6ac1b8
copy
#bfe9db
copy
#e1f6f4
copy
CSS Code
Go fullscreen
#fbffa8
copy
#74dac6
copy
#20c1bd
copy
#33354a
copy
CSS Code
Go fullscreen
#7effdb
copy
#b693fe
copy
#8c82fc
copy
#ff9de2
copy
CSS Code
Go fullscreen
#df0e62
copy
#fac70b
copy
#127681
copy
#21174a
copy
CSS Code
Go fullscreen
#ffa3ac
copy
#00043c
copy
#005d6c
copy
#00c9b1
copy
CSS Code
Go fullscreen
#f1fafb
copy
#a0e4f1
copy
#9dc6ff
copy
#4993fa
copy
CSS Code
Go fullscreen
#20716a
copy
#23a393
copy
#ffc0c2
copy
#f7e9e3
copy
CSS Code
Go fullscreen
#f1f3f4
copy
#79bac1
copy
#2a7886
copy
#512b58
copy
CSS Code
Go fullscreen
#51eaea
copy
#ffdbc5
copy
#ff9d76
copy
#ef4339
copy
CSS Code
Go fullscreen
#08d9d6
copy
#252a34
copy
#ff2e63
copy
#eaeaea
copy
CSS Code
Go fullscreen
#1333a6
copy
#317ae1
copy
#1fdedb
copy
#fffcbf
copy
CSS Code
Go fullscreen
#394a6d
copy
#3c9d9b
copy
#52de97
copy
#c0ffb3
copy
CSS Code
Go fullscreen
#353b6e
copy
#252243
copy
#74deed
copy
#9365db
copy
CSS Code
Go fullscreen
#283739
copy
#2c5d63
copy
#a9c52f
copy
#f7eebb
copy
CSS Code
Go fullscreen
#ff5959
copy
#ffad5a
copy
#4f9da6
copy
#1a0841
copy
CSS Code
Go fullscreen
#d68438
copy
#f1b24b
copy
#36846b
copy
#4bb39a
copy
CSS Code
Go fullscreen
#d4ffa3
copy
#00d8b1
copy
#1f9ec7
copy
#3f7a9c
copy
CSS Code
Go fullscreen
#f3ecc8
copy
#78c2c3
copy
#3f6699
copy
#0d1b4c
copy
CSS Code
Go fullscreen
#05dfd7
copy
#ec7373
copy
#d8b5b5
copy
#ffe196
copy
CSS Code
Go fullscreen
#085f63
copy
#49beb7
copy
#fccf4d
copy
#ef255f
copy
CSS Code
Go fullscreen
#87e5da
copy
#92a4c0
copy
#f4adad
copy
#e58cdb
copy
CSS Code
Go fullscreen
#f8aa27
copy
#fac55b
copy
#fff8b6
copy
#20655f
copy
CSS Code
Go fullscreen
#ebbf58
copy
#769353
copy
#3d655d
copy
#33484d
copy
CSS Code
Go fullscreen
#f4f7ed
copy
#86ee60
copy
#2e6e65
copy
#2b3752
copy
CSS Code
Go fullscreen
#edfffa
copy
#8bd5cb
copy
#c56868
copy
#974949
copy
CSS Code
Go fullscreen
#438a70
copy
#52ceba
copy
#8affb4
copy
#eaff81
copy
CSS Code
Go fullscreen
#ebfffa
copy
#c6fce5
copy
#6ef3d6
copy
#0dceda
copy
CSS Code
Go fullscreen
#314357
copy
#456672
copy
#e3b587
copy
#c98c70
copy
CSS Code
Go fullscreen
#032a33
copy
#255965
copy
#4c6f7b
copy
#f1d18a
copy
CSS Code
Go fullscreen
#f9f3ec
copy
#63aabc
copy
#ed3833
copy
#60204b
copy
CSS Code
Go fullscreen
#225763
copy
#41d8bf
copy
#2f89b3
copy
#3b50b2
copy
CSS Code
Go fullscreen
#9bf4d5
copy
#29cdb5
copy
#fff3e1
copy
#373331
copy
CSS Code
Go fullscreen
#48f3db
copy
#51c4e9
copy
#6150c1
copy
#4a3764
copy
CSS Code
Go fullscreen
#fff78f
copy
#22b9ca
copy
#0c99c1
copy
#f30cd4
copy
CSS Code
Go fullscreen
#248888
copy
#e6e6e6
copy
#e7475e
copy
#f0d879
copy
CSS Code
Go fullscreen
#a6f2db
copy
#7bcace
copy
#678eb4
copy
#4f4e79
copy
CSS Code
Go fullscreen
#477d7f
copy
#1f5357
copy
#64bd97
copy
#c2ffbb
copy
CSS Code
Go fullscreen
#222831
copy
#393e46
copy
#29a19c
copy
#a3f7bf
copy
CSS Code
Go fullscreen
#ecf4f3
copy
#76dbd1
copy
#57a99a
copy
#555151
copy
CSS Code
Go fullscreen
#8ef6e4
copy
#9896f1
copy
#d59bf6
copy
#edb1f1
copy
CSS Code
Go fullscreen
#041122
copy
#259073
copy
#7fda89
copy
#e6f99d
copy
CSS Code
Go fullscreen
#1c0c2a
copy
#343b99
copy
#61bdf6
copy
#9affdc
copy
CSS Code
Go fullscreen
#432c51
copy
#535474
copy
#54a4af
copy
#ecbc55
copy
CSS Code
Go fullscreen
#83afa6
copy
#58727f
copy
#e5e5e5
copy
#d3a284
copy
CSS Code
Go fullscreen
#2bcdc1
copy
#38817a
copy
#393e46
copy
#f66095
copy
CSS Code
Go fullscreen
#113f67
copy
#34699a
copy
#408ab4
copy
#65c6c4
copy
CSS Code
Go fullscreen
#f77754
copy
#018790
copy
#0a516d
copy
#2b2726
copy
CSS Code
Go fullscreen
#110133
copy
#00918e
copy
#4dd599
copy
#ffdc34
copy
CSS Code
Go fullscreen
#6b62ce
copy
#372e96
copy
#2f99ad
copy
#84efe2
copy
CSS Code
Go fullscreen
#35d0ba
copy
#f8c43a
copy
#c93d1b
copy
#04322e
copy
CSS Code
Go fullscreen
#d8fff1
copy
#78e4d4
copy
#b485d8
copy
#5b73a7
copy
CSS Code
Go fullscreen
#db2d43
copy
#87e5da
copy
#c7f2e3
copy
#f7aa00
copy
CSS Code
Go fullscreen
#fae3e3
copy
#b7b7b7
copy
#137083
copy
#3d0240
copy
CSS Code
Go fullscreen
#f6f6d9
copy
#47e4e0
copy
#5f81e4
copy
#f67ff5
copy
CSS Code
Go fullscreen
#22eaca
copy
#b31e6f
copy
#ee5a5a
copy
#ff9e74
copy
CSS Code
Go fullscreen
#0278ae
copy
#51adcf
copy
#a5ecd7
copy
#e8ffc1
copy
CSS Code
Go fullscreen
#3e3245
copy
#524a79
copy
#97d8ec
copy
#74bbca
copy
CSS Code
Go fullscreen
#ecfeff
copy
#00b7c2
copy
#128494
copy
#4ef037
copy
CSS Code
Go fullscreen
#fdfdc4
copy
#ffe8cf
copy
#ffdede
copy
#ccffec
copy
CSS Code
Go fullscreen
#0e2e3b
copy
#166678
copy
#7db9b3
copy
#d8d7c3
copy
CSS Code
Go fullscreen
#f0f2eb
copy
#b5592a
copy
#f09027
copy
#8cbeaa
copy
CSS Code
Go fullscreen
#155263
copy
#ff6f3c
copy
#ff9a3c
copy
#ffc93c
copy
CSS Code
Go fullscreen
#83ffe1
copy
#7045ff
copy
#c768ff
copy
#ffaded
copy
CSS Code
Go fullscreen
#155e63
copy
#76b39d
copy
#f9f8eb
copy
#eae7e7
copy
CSS Code
Go fullscreen
#ffd3de
copy
#f6b8d1
copy
#5dc0a6
copy
#3f8f8d
copy
CSS Code
Go fullscreen
#e5fcc2
copy
#9de0ad
copy
#45ada8
copy
#547980
copy
CSS Code
Go fullscreen
#c1e8da
copy
#c96868
copy
#5e4949
copy
#866770
copy
CSS Code
Go fullscreen
#232855
copy
#215b63
copy
#5fcc9c
copy
#aaffc7
copy
CSS Code
Go fullscreen
#73dbc4
copy
#faf7e6
copy
#ff008b
copy
#fff8a1
copy
CSS Code
Go fullscreen
#2e2b2b
copy
#388186
copy
#a5e9e1
copy
#fdf6f6
copy
CSS Code
Go fullscreen
#f2f4f6
copy
#1ee3cf
copy
#6b48ff
copy
#0d3f67
copy
CSS Code
Go fullscreen
#f78536
copy
#dfebed
copy
#497285
copy
#2b4450
copy
CSS Code
Go fullscreen
#7a81eb
copy
#504aa7
copy
#253361
copy
#599597
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.