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
#65ead1
copy
#f469a9
copy
#ff917b
copy
#fcffc1
copy
CSS Code
Go fullscreen
#f4f56e
copy
#72e8e1
copy
#58b3d3
copy
#418c9f
copy
CSS Code
Go fullscreen
#43bfc7
copy
#69e9f5
copy
#645fce
copy
#40356f
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
#591fce
copy
#0c9cee
copy
#3dbdc2
copy
#a1f480
copy
CSS Code
Go fullscreen
#0f3057
copy
#00587a
copy
#008891
copy
#e7e7de
copy
CSS Code
Go fullscreen
#5f1854
copy
#8b104e
copy
#1abb9c
copy
#f7f7f7
copy
CSS Code
Go fullscreen
#8ef6e4
copy
#9896f1
copy
#d59bf6
copy
#edb1f1
copy
CSS Code
Go fullscreen
#f5e1da
copy
#f1f1f1
copy
#49beb7
copy
#085f63
copy
CSS Code
Go fullscreen
#bae5d5
copy
#d7acd4
copy
#eec2c2
copy
#f2f2b0
copy
CSS Code
Go fullscreen
#d1f6c1
copy
#45b7b7
copy
#8b4c8c
copy
#f57665
copy
CSS Code
Go fullscreen
#1a2f4b
copy
#28475c
copy
#2f8886
copy
#84c69b
copy
CSS Code
Go fullscreen
#ebebeb
copy
#fec100
copy
#528078
copy
#3e615b
copy
CSS Code
Go fullscreen
#b8f7d4
copy
#6fe7db
copy
#7fa6ee
copy
#835af1
copy
CSS Code
Go fullscreen
#333a7b
copy
#4b6982
copy
#70c6c7
copy
#b4ffd8
copy
CSS Code
Go fullscreen
#1fad9f
copy
#cd3131
copy
#ab1212
copy
#f6e4b5
copy
CSS Code
Go fullscreen
#612c83
copy
#509aaf
copy
#7dd8c7
copy
#f5ffc3
copy
CSS Code
Go fullscreen
#0c4762
copy
#51dacf
copy
#9ef5cf
copy
#f4eeee
copy
CSS Code
Go fullscreen
#08ffc8
copy
#fff7f7
copy
#dadada
copy
#204969
copy
CSS Code
Go fullscreen
#438a70
copy
#52ceba
copy
#8affb4
copy
#eaff81
copy
CSS Code
Go fullscreen
#f5f5f5
copy
#30e3ca
copy
#2f89fc
copy
#40514e
copy
CSS Code
Go fullscreen
#feffdf
copy
#dde0ab
copy
#97cba9
copy
#668ba4
copy
CSS Code
Go fullscreen
#110133
copy
#00918e
copy
#4dd599
copy
#ffdc34
copy
CSS Code
Go fullscreen
#f7f39a
copy
#a3de83
copy
#38817a
copy
#346473
copy
CSS Code
Go fullscreen
#f6f5f5
copy
#e9e4e6
copy
#3bb4c1
copy
#048998
copy
CSS Code
Go fullscreen
#73f7dd
copy
#2cc4cb
copy
#1972a4
copy
#2e3a87
copy
CSS Code
Go fullscreen
#d2fafb
copy
#5acfd6
copy
#189bfa
copy
#0c4b8e
copy
CSS Code
Go fullscreen
#464159
copy
#6c7b95
copy
#8bbabb
copy
#c7f0db
copy
CSS Code
Go fullscreen
#6ea7c1
copy
#6b55ae
copy
#e67fa2
copy
#ffefa1
copy
CSS Code
Go fullscreen
#283739
copy
#228896
copy
#a9c52f
copy
#f5f5f5
copy
CSS Code
Go fullscreen
#ebefd0
copy
#32dbc6
copy
#49beb7
copy
#ff502f
copy
CSS Code
Go fullscreen
#015668
copy
#06648c
copy
#0f81c7
copy
#0de2ea
copy
CSS Code
Go fullscreen
#f0eec9
copy
#9ee6cf
copy
#50c9ba
copy
#4ba2ac
copy
CSS Code
Go fullscreen
#5eb7b7
copy
#96d1c7
copy
#fc7978
copy
#ffafb0
copy
CSS Code
Go fullscreen
#c7f2e3
copy
#9ed9c5
copy
#eeddd2
copy
#b73535
copy
CSS Code
Go fullscreen
#fc345c
copy
#49beb7
copy
#afffdf
copy
#eafff7
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
#faffb8
copy
#c5f0a4
copy
#35b0ab
copy
#226b80
copy
CSS Code
Go fullscreen
#1fe5bd
copy
#41a7b3
copy
#5e227f
copy
#d22780
copy
CSS Code
Go fullscreen
#007065
copy
#00a79d
copy
#f5c181
copy
#ffeecf
copy
CSS Code
Go fullscreen
#db2d43
copy
#87e5da
copy
#c7f2e3
copy
#f7aa00
copy
CSS Code
Go fullscreen
#8e9fe6
copy
#6acafc
copy
#6ce6dd
copy
#dbf094
copy
CSS Code
Go fullscreen
#155e63
copy
#76b39d
copy
#f9f8eb
copy
#eae7e7
copy
CSS Code
Go fullscreen
#ffb6b9
copy
#fae3d9
copy
#bbded6
copy
#61c0bf
copy
CSS Code
Go fullscreen
#abedd8
copy
#46cdcf
copy
#0081c6
copy
#48466d
copy
CSS Code
Go fullscreen
#36d1c4
copy
#a0eecc
copy
#fff2be
copy
#f6318c
copy
CSS Code
Go fullscreen
#83e4b5
copy
#3ec8ac
copy
#4e90a4
copy
#6e60a0
copy
CSS Code
Go fullscreen
#032a33
copy
#255965
copy
#4c6f7b
copy
#f1d18a
copy
CSS Code
Go fullscreen
#1c226b
copy
#3e31ae
copy
#4aa9af
copy
#d1fffa
copy
CSS Code
Go fullscreen
#384259
copy
#f73859
copy
#7ac7c4
copy
#c4edde
copy
CSS Code
Go fullscreen
#432c51
copy
#535474
copy
#54a4af
copy
#ecbc55
copy
CSS Code
Go fullscreen
#f7e74a
copy
#09c6ab
copy
#068888
copy
#02556d
copy
CSS Code
Go fullscreen
#fcfcfc
copy
#83ffe6
copy
#ff5f5f
copy
#2c2c2c
copy
CSS Code
Go fullscreen
#515661
copy
#2e9f82
copy
#68c170
copy
#d6ec8c
copy
CSS Code
Go fullscreen
#57d1c9
copy
#ed5485
copy
#fffbcb
copy
#ffe869
copy
CSS Code
Go fullscreen
#d4ffa3
copy
#00d8b1
copy
#1f9ec7
copy
#3f7a9c
copy
CSS Code
Go fullscreen
#f3f6f6
copy
#30e3ca
copy
#11999e
copy
#40514e
copy
CSS Code
Go fullscreen
#000000
copy
#1a8b9d
copy
#b2d430
copy
#fff5f5
copy
CSS Code
Go fullscreen
#93e4c1
copy
#3baea0
copy
#118a7e
copy
#1f6f78
copy
CSS Code
Go fullscreen
#a9eee6
copy
#fefaec
copy
#f9a1bc
copy
#625772
copy
CSS Code
Go fullscreen
#05dfd7
copy
#ec7373
copy
#d8b5b5
copy
#ffe196
copy
CSS Code
Go fullscreen
#1b3764
copy
#4ab8b8
copy
#fafccb
copy
#efa35c
copy
CSS Code
Go fullscreen
#a21232
copy
#1a1831
copy
#20615b
copy
#dece9c
copy
CSS Code
Go fullscreen
#ebfffa
copy
#c6fce5
copy
#6ef3d6
copy
#0dceda
copy
CSS Code
Go fullscreen
#bbe9db
copy
#aeccc6
copy
#9ba6a5
copy
#757a79
copy
CSS Code
Go fullscreen
#1b5a7a
copy
#1aa59a
copy
#a6ed8e
copy
#f3ffb9
copy
CSS Code
Go fullscreen
#4ae3b5
copy
#eeeeee
copy
#2a5d67
copy
#171332
copy
CSS Code
Go fullscreen
#46185f
copy
#297ca0
copy
#bbbbbb
copy
#e9ea77
copy
CSS Code
Go fullscreen
#61bbb6
copy
#a1dfff
copy
#ad56cd
copy
#4a3b85
copy
CSS Code
Go fullscreen
#66bfbf
copy
#eaf6f6
copy
#fcfefe
copy
#f76b8a
copy
CSS Code
Go fullscreen
#3e3245
copy
#524a79
copy
#97d8ec
copy
#74bbca
copy
CSS Code
Go fullscreen
#c9f658
copy
#dbff3d
copy
#55968f
copy
#8acbbb
copy
CSS Code
Go fullscreen
#0d7685
copy
#084d68
copy
#69c181
copy
#ccf186
copy
CSS Code
Go fullscreen
#8cdadb
copy
#815e94
copy
#f4f49e
copy
#f1d089
copy
CSS Code
Go fullscreen
#33313b
copy
#4592af
copy
#e3c4a8
copy
#f6f5f5
copy
CSS Code
Go fullscreen
#fab95b
copy
#71a0a5
copy
#665c84
copy
#212121
copy
CSS Code
Go fullscreen
#f0134d
copy
#ff6f5e
copy
#f5f0e3
copy
#40bfc1
copy
CSS Code
Go fullscreen
#adf7d1
copy
#95e8d7
copy
#7dace4
copy
#8971d0
copy
CSS Code
Go fullscreen
#d7aef3
copy
#94f6f2
copy
#f7f680
copy
#fbd0f5
copy
CSS Code
Go fullscreen
#f4f7f7
copy
#aacfd0
copy
#79a8a9
copy
#1f4e5f
copy
CSS Code
Go fullscreen
#3b503d
copy
#4a746e
copy
#f1edb3
copy
#c8cf94
copy
CSS Code
Go fullscreen
#fbffa8
copy
#74dac6
copy
#20c1bd
copy
#33354a
copy
CSS Code
Go fullscreen
#343434
copy
#055e68
copy
#62a388
copy
#b9d2d2
copy
CSS Code
Go fullscreen
#4d12ee
copy
#2f24c1
copy
#3fd1cb
copy
#f8f6f6
copy
CSS Code
Go fullscreen
#c1f6e7
copy
#ffcbcb
copy
#bb7171
copy
#4e3440
copy
CSS Code
Go fullscreen
#243d44
copy
#167a8b
copy
#2dea8f
copy
#24b273
copy
CSS Code
Go fullscreen
#f3f6f6
copy
#90eee1
copy
#55b3f3
copy
#6356e5
copy
CSS Code
Go fullscreen
#fac0e1
copy
#caa5f1
copy
#59d4e8
copy
#39bdc8
copy
CSS Code
Go fullscreen
#fffb97
copy
#97ffcf
copy
#2fe1d6
copy
#38c6bd
copy
CSS Code
Go fullscreen
#eaec96
copy
#43c0ac
copy
#a93199
copy
#fa0559
copy
CSS Code
Go fullscreen
#433751
copy
#2f576e
copy
#748b9c
copy
#f0e3e3
copy
CSS Code
Go fullscreen
#e4f5e5
copy
#a6dfde
copy
#88a6e5
copy
#8d6ec8
copy
CSS Code
Go fullscreen
#48829e
copy
#51dacf
copy
#9ef5cf
copy
#e8ffb1
copy
CSS Code
Go fullscreen
#fa5555
copy
#f7fb76
copy
#8ded8e
copy
#2d7d8f
copy
CSS Code
Go fullscreen
#00bdaa
copy
#400082
copy
#fe346e
copy
#f1e7b6
copy
CSS Code
Go fullscreen
#7fa998
copy
#f1f1b0
copy
#df8543
copy
#9d2503
copy
CSS Code
Go fullscreen
#352d4d
copy
#6d6192
copy
#69b0c1
copy
#92e0a9
copy
CSS Code
Go fullscreen
#fcffc1
copy
#9bf4d5
copy
#1dad9b
copy
#346357
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.