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
#f3ecc8
copy
#78c2c3
copy
#3f6699
copy
#0d1b4c
copy
CSS Code
Go fullscreen
#4ac3be
copy
#a3dec9
copy
#e6efbf
copy
#faac64
copy
CSS Code
Go fullscreen
#4ac6b7
copy
#4f5e7f
copy
#965f8a
copy
#ff7070
copy
CSS Code
Go fullscreen
#fab95b
copy
#71a0a5
copy
#665c84
copy
#212121
copy
CSS Code
Go fullscreen
#718ca1
copy
#59748c
copy
#354d62
copy
#d7f2f7
copy
CSS Code
Go fullscreen
#eaec96
copy
#43c0ac
copy
#a93199
copy
#fa0559
copy
CSS Code
Go fullscreen
#e0fffb
copy
#29cdb5
copy
#008698
copy
#f39c9c
copy
CSS Code
Go fullscreen
#fffb97
copy
#97ffcf
copy
#2fe1d6
copy
#38c6bd
copy
CSS Code
Go fullscreen
#1a1a1b
copy
#333f44
copy
#37aa9c
copy
#94f3e4
copy
CSS Code
Go fullscreen
#364f6b
copy
#3fc1c9
copy
#f5f5f5
copy
#fc5185
copy
CSS Code
Go fullscreen
#4cb3cd
copy
#52d6d3
copy
#5968b1
copy
#302579
copy
CSS Code
Go fullscreen
#f2ffdf
copy
#b1f1b2
copy
#1e757b
copy
#424d69
copy
CSS Code
Go fullscreen
#ecffc9
copy
#64fed6
copy
#82a6ee
copy
#7871bf
copy
CSS Code
Go fullscreen
#d2fafb
copy
#5acfd6
copy
#189bfa
copy
#0c4b8e
copy
CSS Code
Go fullscreen
#0c4762
copy
#51dacf
copy
#9ef5cf
copy
#f4eeee
copy
CSS Code
Go fullscreen
#353b6e
copy
#252243
copy
#74deed
copy
#9365db
copy
CSS Code
Go fullscreen
#352d4d
copy
#6d6192
copy
#69b0c1
copy
#92e0a9
copy
CSS Code
Go fullscreen
#db2d43
copy
#87e5da
copy
#c7f2e3
copy
#f7aa00
copy
CSS Code
Go fullscreen
#212121
copy
#323232
copy
#0d7377
copy
#14ffec
copy
CSS Code
Go fullscreen
#e4f9f5
copy
#30e3ca
copy
#11999e
copy
#40514e
copy
CSS Code
Go fullscreen
#1a2f4b
copy
#28475c
copy
#2f8886
copy
#84c69b
copy
CSS Code
Go fullscreen
#523f79
copy
#807be4
copy
#73cff0
copy
#afffea
copy
CSS Code
Go fullscreen
#83e4b5
copy
#3ec8ac
copy
#4e90a4
copy
#6e60a0
copy
CSS Code
Go fullscreen
#61bbb6
copy
#a1dfff
copy
#ad56cd
copy
#4a3b85
copy
CSS Code
Go fullscreen
#d1f6c1
copy
#45b7b7
copy
#8b4c8c
copy
#f57665
copy
CSS Code
Go fullscreen
#114b5f
copy
#1a936f
copy
#88d498
copy
#f3e9d2
copy
CSS Code
Go fullscreen
#a6f2db
copy
#7bcace
copy
#678eb4
copy
#4f4e79
copy
CSS Code
Go fullscreen
#1b5a7a
copy
#1aa59a
copy
#a6ed8e
copy
#f3ffb9
copy
CSS Code
Go fullscreen
#0eb29a
copy
#f5fdff
copy
#ddf0c2
copy
#8c999a
copy
CSS Code
Go fullscreen
#07588a
copy
#6ac1b8
copy
#bfe9db
copy
#e1f6f4
copy
CSS Code
Go fullscreen
#591fce
copy
#0c9cee
copy
#3dbdc2
copy
#a1f480
copy
CSS Code
Go fullscreen
#232931
copy
#393e46
copy
#4ecca3
copy
#eeeeee
copy
CSS Code
Go fullscreen
#155e63
copy
#76b39d
copy
#f9f8eb
copy
#eae7e7
copy
CSS Code
Go fullscreen
#90f6d7
copy
#35bcbf
copy
#41506b
copy
#263849
copy
CSS Code
Go fullscreen
#438a70
copy
#52ceba
copy
#8affb4
copy
#eaff81
copy
CSS Code
Go fullscreen
#3d5a59
copy
#9aebdd
copy
#367db5
copy
#313e86
copy
CSS Code
Go fullscreen
#00649f
copy
#01aac1
copy
#00dbe7
copy
#97ecc5
copy
CSS Code
Go fullscreen
#fcfcfc
copy
#83ffe6
copy
#ff5f5f
copy
#2c2c2c
copy
CSS Code
Go fullscreen
#f1f3f4
copy
#79bac1
copy
#2a7886
copy
#512b58
copy
CSS Code
Go fullscreen
#a8e6cf
copy
#dcedc1
copy
#ffd3b6
copy
#ffaaa5
copy
CSS Code
Go fullscreen
#f4f7f7
copy
#aacfd0
copy
#5da0a2
copy
#34495e
copy
CSS Code
Go fullscreen
#cff800
copy
#feff92
copy
#0fefbd
copy
#7899dc
copy
CSS Code
Go fullscreen
#ecfffb
copy
#b4f1f1
copy
#2d767f
copy
#1e6262
copy
CSS Code
Go fullscreen
#45eba5
copy
#21aba5
copy
#1d566e
copy
#163a5f
copy
CSS Code
Go fullscreen
#f45905
copy
#c70d3a
copy
#512c62
copy
#45969b
copy
CSS Code
Go fullscreen
#f0eec9
copy
#9ee6cf
copy
#50c9ba
copy
#4ba2ac
copy
CSS Code
Go fullscreen
#f6efb4
copy
#35c2bd
copy
#2796cb
copy
#3379e4
copy
CSS Code
Go fullscreen
#fffcca
copy
#55e9bc
copy
#11d3bc
copy
#537780
copy
CSS Code
Go fullscreen
#3c9099
copy
#5fbdb0
copy
#e3e2c3
copy
#f0efe2
copy
CSS Code
Go fullscreen
#248888
copy
#e6e6e6
copy
#e7475e
copy
#f0d879
copy
CSS Code
Go fullscreen
#295e62
copy
#1c4648
copy
#d5d46f
copy
#dff09d
copy
CSS Code
Go fullscreen
#515661
copy
#2e9f82
copy
#68c170
copy
#d6ec8c
copy
CSS Code
Go fullscreen
#0e2e3b
copy
#166678
copy
#7db9b3
copy
#d8d7c3
copy
CSS Code
Go fullscreen
#abedd8
copy
#46cdcf
copy
#0081c6
copy
#48466d
copy
CSS Code
Go fullscreen
#d0f66a
copy
#36c186
copy
#158a8c
copy
#1e5287
copy
CSS Code
Go fullscreen
#de7119
copy
#dee3e2
copy
#116979
copy
#18b0b0
copy
CSS Code
Go fullscreen
#222831
copy
#393e46
copy
#00adb5
copy
#eeeeee
copy
CSS Code
Go fullscreen
#57d1c9
copy
#ed5485
copy
#fffbcb
copy
#ffe869
copy
CSS Code
Go fullscreen
#d7f7f5
copy
#75cac3
copy
#2a6171
copy
#f3d516
copy
CSS Code
Go fullscreen
#28615b
copy
#e4f6f6
copy
#ccccea
copy
#c089f8
copy
CSS Code
Go fullscreen
#73dbc4
copy
#faf7e6
copy
#ff008b
copy
#fff8a1
copy
CSS Code
Go fullscreen
#fbe0d8
copy
#4d727e
copy
#283644
copy
#7a6552
copy
CSS Code
Go fullscreen
#1c0c2a
copy
#343b99
copy
#61bdf6
copy
#9affdc
copy
CSS Code
Go fullscreen
#0278ae
copy
#51dacf
copy
#9ef5cf
copy
#e8ffb1
copy
CSS Code
Go fullscreen
#007065
copy
#00a79d
copy
#f5c181
copy
#ffeecf
copy
CSS Code
Go fullscreen
#fbffa8
copy
#74dac6
copy
#20c1bd
copy
#33354a
copy
CSS Code
Go fullscreen
#e7f5f2
copy
#f9c7cf
copy
#12776f
copy
#0f4137
copy
CSS Code
Go fullscreen
#f4f4f4
copy
#65eeb7
copy
#ff5722
copy
#474744
copy
CSS Code
Go fullscreen
#f59aa3
copy
#f5e4c3
copy
#34a7b2
copy
#5b2e35
copy
CSS Code
Go fullscreen
#f8ed86
copy
#a5e9db
copy
#2ca4bf
copy
#415b90
copy
CSS Code
Go fullscreen
#fac0e1
copy
#caa5f1
copy
#59d4e8
copy
#39bdc8
copy
CSS Code
Go fullscreen
#e95280
copy
#23b1a5
copy
#ffdd7e
copy
#f3f3f3
copy
CSS Code
Go fullscreen
#1fad9f
copy
#cd3131
copy
#ab1212
copy
#f6e4b5
copy
CSS Code
Go fullscreen
#51eaea
copy
#ffdbc5
copy
#ff9d76
copy
#ef4339
copy
CSS Code
Go fullscreen
#4ae3b5
copy
#eeeeee
copy
#2a5d67
copy
#171332
copy
CSS Code
Go fullscreen
#27e1ce
copy
#efffb7
copy
#d6ec78
copy
#ff98da
copy
CSS Code
Go fullscreen
#29d2e4
copy
#13829b
copy
#fcc29a
copy
#fde9c9
copy
CSS Code
Go fullscreen
#ffdd83
copy
#e3f8ff
copy
#31bccc
copy
#405983
copy
CSS Code
Go fullscreen
#499491
copy
#a3dec9
copy
#f7fed8
copy
#fbd400
copy
CSS Code
Go fullscreen
#f0fff3
copy
#c6f1e7
copy
#70acb1
copy
#59606d
copy
CSS Code
Go fullscreen
#b0dedb
copy
#e3f3f7
copy
#fc6e5e
copy
#583131
copy
CSS Code
Go fullscreen
#1d0251
copy
#019081
copy
#74cc7e
copy
#d2eba7
copy
CSS Code
Go fullscreen
#ffca61
copy
#ffec85
copy
#f2ffdf
copy
#c9f0d6
copy
CSS Code
Go fullscreen
#1f3a52
copy
#41a186
copy
#8cca6e
copy
#d3f689
copy
CSS Code
Go fullscreen
#513c3c
copy
#2a769a
copy
#41c3be
copy
#f7f36b
copy
CSS Code
Go fullscreen
#33313b
copy
#4592af
copy
#e3c4a8
copy
#f6f5f5
copy
CSS Code
Go fullscreen
#155674
copy
#60beb3
copy
#79f8bb
copy
#f5ffae
copy
CSS Code
Go fullscreen
#283739
copy
#2c5d63
copy
#a2c11c
copy
#e0e0e0
copy
CSS Code
Go fullscreen
#1b3c59
copy
#456173
copy
#11bfae
copy
#f2f2f0
copy
CSS Code
Go fullscreen
#08d9d6
copy
#252a34
copy
#ff2e63
copy
#eaeaea
copy
CSS Code
Go fullscreen
#7ecfc0
copy
#f2e3c9
copy
#ec8f6a
copy
#ef4b4b
copy
CSS Code
Go fullscreen
#232855
copy
#215b63
copy
#5fcc9c
copy
#aaffc7
copy
CSS Code
Go fullscreen
#8cdadb
copy
#815e94
copy
#f4f49e
copy
#f1d089
copy
CSS Code
Go fullscreen
#e4f2f0
copy
#99d8d0
copy
#70416d
copy
#170a19
copy
CSS Code
Go fullscreen
#f6f5f5
copy
#e9e4e6
copy
#3bb4c1
copy
#048998
copy
CSS Code
Go fullscreen
#48829e
copy
#51dacf
copy
#9ef5cf
copy
#e8ffb1
copy
CSS Code
Go fullscreen
#d9f9f4
copy
#9cd9de
copy
#86c1d4
copy
#5a92af
copy
CSS Code
Go fullscreen
#f75940
copy
#334252
copy
#364857
copy
#3dc7be
copy
CSS Code
Go fullscreen
#56bfb5
copy
#38817a
copy
#f5f093
copy
#fbd66f
copy
CSS Code
Go fullscreen
#de5b7b
copy
#eccfd1
copy
#f0e3c4
copy
#98ded3
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.