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
#626eef
copy
#09a8fa
copy
#41c5d3
copy
#fffa9d
copy
CSS Code
Go fullscreen
#f5f5f5
copy
#30e3ca
copy
#2f89fc
copy
#40514e
copy
CSS Code
Go fullscreen
#293462
copy
#00818a
copy
#ec9b3b
copy
#f7be16
copy
CSS Code
Go fullscreen
#f4fab3
copy
#a4eae8
copy
#53aca8
copy
#498eb9
copy
CSS Code
Go fullscreen
#c9f658
copy
#dbff3d
copy
#55968f
copy
#8acbbb
copy
CSS Code
Go fullscreen
#37b7b5
copy
#a0e4e0
copy
#c7f6f5
copy
#f6b132
copy
CSS Code
Go fullscreen
#7b99fa
copy
#53cdd8
copy
#96eab7
copy
#f1f3b8
copy
CSS Code
Go fullscreen
#ff9234
copy
#ffcd3c
copy
#fefed5
copy
#35d0ba
copy
CSS Code
Go fullscreen
#e95280
copy
#23b1a5
copy
#ffdd7e
copy
#f3f3f3
copy
CSS Code
Go fullscreen
#003459
copy
#028090
copy
#02c39a
copy
#fce38a
copy
CSS Code
Go fullscreen
#f45905
copy
#c70d3a
copy
#512c62
copy
#45969b
copy
CSS Code
Go fullscreen
#e4f2f0
copy
#99d8d0
copy
#70416d
copy
#170a19
copy
CSS Code
Go fullscreen
#f8b500
copy
#ece8d9
copy
#00adb5
copy
#393e46
copy
CSS Code
Go fullscreen
#b1e9a3
copy
#7ac38f
copy
#88e0d0
copy
#c7eeff
copy
CSS Code
Go fullscreen
#2bcdc1
copy
#38817a
copy
#393e46
copy
#f66095
copy
CSS Code
Go fullscreen
#f0134d
copy
#ff6f5e
copy
#f5f0e3
copy
#40bfc1
copy
CSS Code
Go fullscreen
#00649f
copy
#01aac1
copy
#00dbe7
copy
#97ecc5
copy
CSS Code
Go fullscreen
#90f6d7
copy
#35bcbf
copy
#41506b
copy
#263849
copy
CSS Code
Go fullscreen
#cbf9da
copy
#3dd2cc
copy
#3e6b89
copy
#122d42
copy
CSS Code
Go fullscreen
#48829e
copy
#51dacf
copy
#9ef5cf
copy
#e8ffb1
copy
CSS Code
Go fullscreen
#283149
copy
#404b69
copy
#00818a
copy
#dbedf3
copy
CSS Code
Go fullscreen
#56bfb5
copy
#38817a
copy
#f5f093
copy
#fbd66f
copy
CSS Code
Go fullscreen
#f5e1da
copy
#f1f1f1
copy
#40a798
copy
#476268
copy
CSS Code
Go fullscreen
#015668
copy
#263f44
copy
#ffd369
copy
#fff1cf
copy
CSS Code
Go fullscreen
#08ffc8
copy
#fff7f7
copy
#dadada
copy
#204969
copy
CSS Code
Go fullscreen
#fc345c
copy
#49beb7
copy
#afffdf
copy
#eafff7
copy
CSS Code
Go fullscreen
#ffee7d
copy
#b767ff
copy
#534c98
copy
#44fadd
copy
CSS Code
Go fullscreen
#3e3245
copy
#524a79
copy
#97d8ec
copy
#74bbca
copy
CSS Code
Go fullscreen
#d68438
copy
#f1b24b
copy
#36846b
copy
#4bb39a
copy
CSS Code
Go fullscreen
#1c226b
copy
#3e31ae
copy
#4aa9af
copy
#d1fffa
copy
CSS Code
Go fullscreen
#4ae3b5
copy
#eeeeee
copy
#2a5d67
copy
#171332
copy
CSS Code
Go fullscreen
#1c0c2a
copy
#343b99
copy
#61bdf6
copy
#9affdc
copy
CSS Code
Go fullscreen
#00bdaa
copy
#400082
copy
#fe346e
copy
#f1e7b6
copy
CSS Code
Go fullscreen
#fcffc1
copy
#9bf4d5
copy
#1dad9b
copy
#346357
copy
CSS Code
Go fullscreen
#51eaea
copy
#ffdbc5
copy
#ff9d76
copy
#ef4339
copy
CSS Code
Go fullscreen
#f2f4f6
copy
#1ee3cf
copy
#6b48ff
copy
#0d3f67
copy
CSS Code
Go fullscreen
#222831
copy
#393e46
copy
#00adb5
copy
#eeeeee
copy
CSS Code
Go fullscreen
#d65f5f
copy
#faf99f
copy
#a1f6b6
copy
#78d8d0
copy
CSS Code
Go fullscreen
#433751
copy
#2f576e
copy
#748b9c
copy
#f0e3e3
copy
CSS Code
Go fullscreen
#b2e4d5
copy
#f2a6a6
copy
#b18ea6
copy
#e7f3ee
copy
CSS Code
Go fullscreen
#c1f880
copy
#55c59d
copy
#4f5aa8
copy
#7481cf
copy
CSS Code
Go fullscreen
#293462
copy
#216583
copy
#00818a
copy
#f7be16
copy
CSS Code
Go fullscreen
#15b7b9
copy
#10ddc2
copy
#f5f5f5
copy
#f57170
copy
CSS Code
Go fullscreen
#232931
copy
#393e46
copy
#4ecca3
copy
#eeeeee
copy
CSS Code
Go fullscreen
#48f3db
copy
#51c4e9
copy
#6150c1
copy
#4a3764
copy
CSS Code
Go fullscreen
#11cbd7
copy
#c6f1e7
copy
#f0fff3
copy
#fa4659
copy
CSS Code
Go fullscreen
#2fc5cc
copy
#6df1cc
copy
#e3ffc3
copy
#ff89c0
copy
CSS Code
Go fullscreen
#e5fcc2
copy
#9de0ad
copy
#45ada8
copy
#547980
copy
CSS Code
Go fullscreen
#d0f66a
copy
#36c186
copy
#158a8c
copy
#1e5287
copy
CSS Code
Go fullscreen
#8e9fe6
copy
#6acafc
copy
#6ce6dd
copy
#dbf094
copy
CSS Code
Go fullscreen
#394a6d
copy
#3c9d9b
copy
#52de97
copy
#c0ffb3
copy
CSS Code
Go fullscreen
#5585b5
copy
#53a8b6
copy
#79c2d0
copy
#bbe4e9
copy
CSS Code
Go fullscreen
#523f79
copy
#807be4
copy
#73cff0
copy
#afffea
copy
CSS Code
Go fullscreen
#5ba19b
copy
#fceaea
copy
#f5d9d9
copy
#fbead1
copy
CSS Code
Go fullscreen
#fffbaf
copy
#ff5656
copy
#cd0a0a
copy
#42cfc4
copy
CSS Code
Go fullscreen
#f4f4f4
copy
#6decb9
copy
#11999e
copy
#3c3c3c
copy
CSS Code
Go fullscreen
#106ee8
copy
#0fc1a1
copy
#90e0ab
copy
#cbffce
copy
CSS Code
Go fullscreen
#c6de41
copy
#2d6e7e
copy
#153b44
copy
#071c21
copy
CSS Code
Go fullscreen
#333a7b
copy
#4b6982
copy
#70c6c7
copy
#b4ffd8
copy
CSS Code
Go fullscreen
#ff6473
copy
#757882
copy
#5cc1b3
copy
#6ef7c8
copy
CSS Code
Go fullscreen
#78fee0
copy
#4bc2c5
copy
#3b9a9c
copy
#fef4a9
copy
CSS Code
Go fullscreen
#3d6271
copy
#3d899c
copy
#45a298
copy
#d8f8b7
copy
CSS Code
Go fullscreen
#f9fbfc
copy
#a0dbdb
copy
#56a7a7
copy
#fcea90
copy
CSS Code
Go fullscreen
#a3f7bf
copy
#29a19c
copy
#4b6289
copy
#60316e
copy
CSS Code
Go fullscreen
#d9f9f4
copy
#9cd9de
copy
#86c1d4
copy
#5a92af
copy
CSS Code
Go fullscreen
#314357
copy
#456672
copy
#e3b587
copy
#c98c70
copy
CSS Code
Go fullscreen
#f7f4ea
copy
#9ce3cf
copy
#6a7ff5
copy
#574b9b
copy
CSS Code
Go fullscreen
#1b5a7a
copy
#1aa59a
copy
#a6ed8e
copy
#f3ffb9
copy
CSS Code
Go fullscreen
#f4eec0
copy
#aed09e
copy
#61b292
copy
#7e6752
copy
CSS Code
Go fullscreen
#283739
copy
#2c5d63
copy
#a2c11c
copy
#e0e0e0
copy
CSS Code
Go fullscreen
#d4ffa3
copy
#00d8b1
copy
#1f9ec7
copy
#3f7a9c
copy
CSS Code
Go fullscreen
#fbe0d8
copy
#4d727e
copy
#283644
copy
#7a6552
copy
CSS Code
Go fullscreen
#fbffa8
copy
#74dac6
copy
#20c1bd
copy
#33354a
copy
CSS Code
Go fullscreen
#477d7f
copy
#1f5357
copy
#64bd97
copy
#c2ffbb
copy
CSS Code
Go fullscreen
#36d1c4
copy
#a0eecc
copy
#fff2be
copy
#f6318c
copy
CSS Code
Go fullscreen
#ecf4f3
copy
#d1eecc
copy
#76dbd1
copy
#57a99a
copy
CSS Code
Go fullscreen
#020438
copy
#284184
copy
#1f8ea3
copy
#00eaff
copy
CSS Code
Go fullscreen
#df0e62
copy
#fac70b
copy
#127681
copy
#21174a
copy
CSS Code
Go fullscreen
#155263
copy
#ff6f3c
copy
#ff9a3c
copy
#ffc93c
copy
CSS Code
Go fullscreen
#49493c
copy
#9fa180
copy
#f2f77f
copy
#6ebaa7
copy
CSS Code
Go fullscreen
#567582
copy
#464d5c
copy
#f7dda4
copy
#b89068
copy
CSS Code
Go fullscreen
#f8ed86
copy
#a5e9db
copy
#2ca4bf
copy
#415b90
copy
CSS Code
Go fullscreen
#1333a6
copy
#317ae1
copy
#1fdedb
copy
#fffcbf
copy
CSS Code
Go fullscreen
#73dbc4
copy
#faf7e6
copy
#ff008b
copy
#fff8a1
copy
CSS Code
Go fullscreen
#e4f5e5
copy
#a6dfde
copy
#88a6e5
copy
#8d6ec8
copy
CSS Code
Go fullscreen
#fbfbfb
copy
#fff1c1
copy
#78b7bb
copy
#808b97
copy
CSS Code
Go fullscreen
#28615b
copy
#e4f6f6
copy
#ccccea
copy
#c089f8
copy
CSS Code
Go fullscreen
#041122
copy
#259073
copy
#7fda89
copy
#e6f99d
copy
CSS Code
Go fullscreen
#f8f8f8
copy
#50b6bb
copy
#45969b
copy
#f96d15
copy
CSS Code
Go fullscreen
#071a52
copy
#086972
copy
#17b978
copy
#a7ff83
copy
CSS Code
Go fullscreen
#83e4b5
copy
#3ec8ac
copy
#4e90a4
copy
#6e60a0
copy
CSS Code
Go fullscreen
#2b1f31
copy
#413d65
copy
#5fb9b0
copy
#bef992
copy
CSS Code
Go fullscreen
#05dfd7
copy
#ec7373
copy
#d8b5b5
copy
#ffe196
copy
CSS Code
Go fullscreen
#22eaca
copy
#b31e6f
copy
#ee5a5a
copy
#ff9e74
copy
CSS Code
Go fullscreen
#fae3e3
copy
#b7b7b7
copy
#137083
copy
#3d0240
copy
CSS Code
Go fullscreen
#a6e4e7
copy
#f9f9f9
copy
#ebcbae
copy
#8f8787
copy
CSS Code
Go fullscreen
#fa163f
copy
#12cad6
copy
#0fabbc
copy
#e4f9ff
copy
CSS Code
Go fullscreen
#0278ae
copy
#51dacf
copy
#9ef5cf
copy
#e8ffc1
copy
CSS Code
Go fullscreen
#ecfffb
copy
#b4f1f1
copy
#2d767f
copy
#1e6262
copy
CSS Code
Go fullscreen
#f77754
copy
#018790
copy
#0a516d
copy
#2b2726
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.