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
#5f5dbd
copy
#5e87b8
copy
#83cee0
copy
#a4fbe3
copy
CSS Code
Go fullscreen
#314357
copy
#456672
copy
#e3b587
copy
#c98c70
copy
CSS Code
Go fullscreen
#ecf4f3
copy
#76dbd1
copy
#57a99a
copy
#555151
copy
CSS Code
Go fullscreen
#ff9234
copy
#ffcd3c
copy
#fefed5
copy
#35d0ba
copy
CSS Code
Go fullscreen
#ee8572
copy
#35495e
copy
#347474
copy
#63b7af
copy
CSS Code
Go fullscreen
#08d9d6
copy
#252a34
copy
#ff2e63
copy
#eaeaea
copy
CSS Code
Go fullscreen
#d2fafb
copy
#5acfd6
copy
#189bfa
copy
#0c4b8e
copy
CSS Code
Go fullscreen
#1f3a52
copy
#41a186
copy
#8cca6e
copy
#d3f689
copy
CSS Code
Go fullscreen
#fac0e1
copy
#caa5f1
copy
#59d4e8
copy
#39bdc8
copy
CSS Code
Go fullscreen
#66bfbf
copy
#eaf6f6
copy
#fcfefe
copy
#f76b8a
copy
CSS Code
Go fullscreen
#085f63
copy
#49beb7
copy
#fccf4d
copy
#ef255f
copy
CSS Code
Go fullscreen
#f4f7f7
copy
#aacfd0
copy
#5da0a2
copy
#34495e
copy
CSS Code
Go fullscreen
#db2d43
copy
#87e5da
copy
#c7f2e3
copy
#f7aa00
copy
CSS Code
Go fullscreen
#ffe037
copy
#1dcd9f
copy
#088c6f
copy
#23033c
copy
CSS Code
Go fullscreen
#5585b5
copy
#53a8b6
copy
#79c2d0
copy
#bbe4e9
copy
CSS Code
Go fullscreen
#48f3db
copy
#51c4e9
copy
#6150c1
copy
#4a3764
copy
CSS Code
Go fullscreen
#80ffdb
copy
#55e0a3
copy
#5b70f3
copy
#4850b9
copy
CSS Code
Go fullscreen
#fbd685
copy
#63aebb
copy
#7a5d7e
copy
#312b30
copy
CSS Code
Go fullscreen
#0278ae
copy
#51dacf
copy
#9ef5cf
copy
#e8ffc1
copy
CSS Code
Go fullscreen
#3e3245
copy
#524a79
copy
#97d8ec
copy
#74bbca
copy
CSS Code
Go fullscreen
#11cbd7
copy
#9feed1
copy
#fff6a2
copy
#f60c86
copy
CSS Code
Go fullscreen
#fbfbfb
copy
#fff1c1
copy
#78b7bb
copy
#808b97
copy
CSS Code
Go fullscreen
#c4aff0
copy
#fffeec
copy
#64d7d6
copy
#5782bb
copy
CSS Code
Go fullscreen
#faffb8
copy
#c5f0a4
copy
#35b0ab
copy
#226b80
copy
CSS Code
Go fullscreen
#f5f5f5
copy
#ececec
copy
#facc2e
copy
#27b1be
copy
CSS Code
Go fullscreen
#f4f7ed
copy
#86ee60
copy
#2e6e65
copy
#2b3752
copy
CSS Code
Go fullscreen
#7eb19f
copy
#0c8282
copy
#ef9037
copy
#edddbd
copy
CSS Code
Go fullscreen
#ffee7d
copy
#534c98
copy
#b767ff
copy
#44fadd
copy
CSS Code
Go fullscreen
#3d5a59
copy
#9aebdd
copy
#367db5
copy
#313e86
copy
CSS Code
Go fullscreen
#6b62ce
copy
#372e96
copy
#2f99ad
copy
#84efe2
copy
CSS Code
Go fullscreen
#07588a
copy
#6ac1b8
copy
#bfe9db
copy
#e1f6f4
copy
CSS Code
Go fullscreen
#fae3e3
copy
#b7b7b7
copy
#137083
copy
#3d0240
copy
CSS Code
Go fullscreen
#f0eec9
copy
#9ee6cf
copy
#50c9ba
copy
#4ba2ac
copy
CSS Code
Go fullscreen
#ecf4f3
copy
#d1eecc
copy
#76dbd1
copy
#57a99a
copy
CSS Code
Go fullscreen
#5f1854
copy
#8b104e
copy
#1abb9c
copy
#f7f7f7
copy
CSS Code
Go fullscreen
#87e5da
copy
#92a4c0
copy
#f4adad
copy
#e58cdb
copy
CSS Code
Go fullscreen
#293462
copy
#216583
copy
#00818a
copy
#f7be16
copy
CSS Code
Go fullscreen
#f5e1da
copy
#f1f1f1
copy
#49beb7
copy
#085f63
copy
CSS Code
Go fullscreen
#fff6da
copy
#84f2d6
copy
#fc6b3f
copy
#262525
copy
CSS Code
Go fullscreen
#22eaca
copy
#b31e6f
copy
#ee5a5a
copy
#ff9e74
copy
CSS Code
Go fullscreen
#b2e4d5
copy
#f2a6a6
copy
#b18ea6
copy
#e7f3ee
copy
CSS Code
Go fullscreen
#352d4d
copy
#6d6192
copy
#69b0c1
copy
#92e0a9
copy
CSS Code
Go fullscreen
#2794eb
copy
#bff8d4
copy
#47d6b6
copy
#17b3c1
copy
CSS Code
Go fullscreen
#cbf9da
copy
#3dd2cc
copy
#3e6b89
copy
#122d42
copy
CSS Code
Go fullscreen
#248888
copy
#e6e6e6
copy
#e7475e
copy
#f0d879
copy
CSS Code
Go fullscreen
#b8f7d4
copy
#6fe7db
copy
#7fa6ee
copy
#835af1
copy
CSS Code
Go fullscreen
#43ab92
copy
#f75f00
copy
#c93838
copy
#512c62
copy
CSS Code
Go fullscreen
#eaeaea
copy
#00bdaa
copy
#257aa6
copy
#621e81
copy
CSS Code
Go fullscreen
#764f51
copy
#7fc5ca
copy
#9fe6dc
copy
#cfffff
copy
CSS Code
Go fullscreen
#c1e8da
copy
#c96868
copy
#5e4949
copy
#866770
copy
CSS Code
Go fullscreen
#d3f6d1
copy
#a7d7c5
copy
#74b49b
copy
#5c8d89
copy
CSS Code
Go fullscreen
#ffb6b9
copy
#fae3d9
copy
#bbded6
copy
#61c0bf
copy
CSS Code
Go fullscreen
#f8aa27
copy
#fac55b
copy
#fff8b6
copy
#20655f
copy
CSS Code
Go fullscreen
#73f7dd
copy
#2cc4cb
copy
#1972a4
copy
#2e3a87
copy
CSS Code
Go fullscreen
#333a7b
copy
#4b6982
copy
#70c6c7
copy
#b4ffd8
copy
CSS Code
Go fullscreen
#cff800
copy
#feff92
copy
#0fefbd
copy
#7899dc
copy
CSS Code
Go fullscreen
#65587f
copy
#f18867
copy
#e85f99
copy
#50bda1
copy
CSS Code
Go fullscreen
#ff395e
copy
#8fecc8
copy
#6f6f6f
copy
#4a4a4a
copy
CSS Code
Go fullscreen
#055049
copy
#faf35e
copy
#069a8e
copy
#a1e3d8
copy
CSS Code
Go fullscreen
#f8d5f0
copy
#58d5d3
copy
#41a4c3
copy
#3f4b83
copy
CSS Code
Go fullscreen
#007065
copy
#00a79d
copy
#f5c181
copy
#ffeecf
copy
CSS Code
Go fullscreen
#d1dbbd
copy
#91aa9d
copy
#3e606f
copy
#193441
copy
CSS Code
Go fullscreen
#2b4450
copy
#497285
copy
#dfebed
copy
#f78536
copy
CSS Code
Go fullscreen
#abedd8
copy
#46cdcf
copy
#0081c6
copy
#48466d
copy
CSS Code
Go fullscreen
#085f63
copy
#49beb7
copy
#facf5a
copy
#ff5959
copy
CSS Code
Go fullscreen
#e4f5e5
copy
#a6dfde
copy
#88a6e5
copy
#8d6ec8
copy
CSS Code
Go fullscreen
#ecffc9
copy
#64fed6
copy
#82a6ee
copy
#7871bf
copy
CSS Code
Go fullscreen
#f3f9fb
copy
#474f85
copy
#51e3d4
copy
#f3ecd3
copy
CSS Code
Go fullscreen
#3c4245
copy
#5f6769
copy
#719192
copy
#dfcdc3
copy
CSS Code
Go fullscreen
#ecf0f1
copy
#33cccc
copy
#2980b9
copy
#2c3e50
copy
CSS Code
Go fullscreen
#00bdaa
copy
#400082
copy
#fe346e
copy
#f1e7b6
copy
CSS Code
Go fullscreen
#364f6b
copy
#3fc1c9
copy
#f5f5f5
copy
#fc5185
copy
CSS Code
Go fullscreen
#232931
copy
#393e46
copy
#4ecca3
copy
#eeeeee
copy
CSS Code
Go fullscreen
#fdfdc4
copy
#ffe8cf
copy
#ffdede
copy
#ccffec
copy
CSS Code
Go fullscreen
#f3f6f6
copy
#90eee1
copy
#55b3f3
copy
#6356e5
copy
CSS Code
Go fullscreen
#22213d
copy
#4e3188
copy
#24babc
copy
#eaef9b
copy
CSS Code
Go fullscreen
#f45905
copy
#c70d3a
copy
#512c62
copy
#45969b
copy
CSS Code
Go fullscreen
#64868e
copy
#98b4a6
copy
#d1e4d1
copy
#f3fbf1
copy
CSS Code
Go fullscreen
#faf9f9
copy
#add2c9
copy
#5ea3a3
copy
#488b8f
copy
CSS Code
Go fullscreen
#27e1ce
copy
#efffb7
copy
#d6ec78
copy
#ff98da
copy
CSS Code
Go fullscreen
#95efce
copy
#2ea1d9
copy
#395ea6
copy
#3e467f
copy
CSS Code
Go fullscreen
#ef6c35
copy
#161c2e
copy
#2bb3c0
copy
#faf7f2
copy
CSS Code
Go fullscreen
#295e62
copy
#1c4648
copy
#d5d46f
copy
#dff09d
copy
CSS Code
Go fullscreen
#e0fffb
copy
#29cdb5
copy
#008698
copy
#f39c9c
copy
CSS Code
Go fullscreen
#e7f5f2
copy
#f9c7cf
copy
#12776f
copy
#0f4137
copy
CSS Code
Go fullscreen
#fab95b
copy
#71a0a5
copy
#665c84
copy
#212121
copy
CSS Code
Go fullscreen
#45eba5
copy
#21aba5
copy
#1d566e
copy
#163a5f
copy
CSS Code
Go fullscreen
#83e4b5
copy
#3ec8ac
copy
#4e90a4
copy
#6e60a0
copy
CSS Code
Go fullscreen
#1c0c2a
copy
#343b99
copy
#61bdf6
copy
#9affdc
copy
CSS Code
Go fullscreen
#73dbc4
copy
#faf7e6
copy
#ff008b
copy
#fff8a1
copy
CSS Code
Go fullscreen
#e1f5f2
copy
#6bc5d2
copy
#5a5d9d
copy
#390050
copy
CSS Code
Go fullscreen
#f0f08e
copy
#91ca62
copy
#478077
copy
#3a4874
copy
CSS Code
Go fullscreen
#432c51
copy
#535474
copy
#54a4af
copy
#ecbc55
copy
CSS Code
Go fullscreen
#ecfeff
copy
#00b7c2
copy
#128494
copy
#4ef037
copy
CSS Code
Go fullscreen
#48829e
copy
#51dacf
copy
#9ef5cf
copy
#e8ffb1
copy
CSS Code
Go fullscreen
#000000
copy
#1a8b9d
copy
#b2d430
copy
#fff5f5
copy
CSS Code
Go fullscreen
#283149
copy
#404b69
copy
#00818a
copy
#dbedf3
copy
CSS Code
Go fullscreen
#f3ff92
copy
#f6ce59
copy
#2e8fc6
copy
#56cfd2
copy
CSS Code
Go fullscreen
#f4f7f7
copy
#79a8a9
copy
#4d727e
copy
#1f4e5f
copy
CSS Code
Go fullscreen
#006c9a
copy
#00bebe
copy
#00f3e4
copy
#9ff9c1
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.