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
#f75940
copy
#334252
copy
#364857
copy
#3dc7be
copy
CSS Code
Go fullscreen
#f7fa86
copy
#76e7c7
copy
#9e7eff
copy
#9c4b9e
copy
CSS Code
Go fullscreen
#2b4450
copy
#497285
copy
#dfebed
copy
#f78536
copy
CSS Code
Go fullscreen
#17bebb
copy
#2e282a
copy
#cd5334
copy
#edb88b
copy
CSS Code
Go fullscreen
#fbfbfb
copy
#b9e1dc
copy
#f38181
copy
#756c83
copy
CSS Code
Go fullscreen
#feff9a
copy
#6fe8c8
copy
#85fede
copy
#b7abfb
copy
CSS Code
Go fullscreen
#295e62
copy
#1c4648
copy
#d5d46f
copy
#dff09d
copy
CSS Code
Go fullscreen
#22213d
copy
#4e3188
copy
#24babc
copy
#eaef9b
copy
CSS Code
Go fullscreen
#1c226b
copy
#3e31ae
copy
#4aa9af
copy
#d1fffa
copy
CSS Code
Go fullscreen
#f4fab3
copy
#a4eae8
copy
#53aca8
copy
#498eb9
copy
CSS Code
Go fullscreen
#f3f2c9
copy
#f0d587
copy
#93af56
copy
#336371
copy
CSS Code
Go fullscreen
#fbfbfb
copy
#fff1c1
copy
#78b7bb
copy
#808b97
copy
CSS Code
Go fullscreen
#9a60c1
copy
#ac92fa
copy
#96ebf0
copy
#48c3be
copy
CSS Code
Go fullscreen
#015668
copy
#06648c
copy
#0f81c7
copy
#0de2ea
copy
CSS Code
Go fullscreen
#a9eee6
copy
#fefaec
copy
#f9a1bc
copy
#625772
copy
CSS Code
Go fullscreen
#fab95b
copy
#71a0a5
copy
#665c84
copy
#212121
copy
CSS Code
Go fullscreen
#f0f08e
copy
#91ca62
copy
#478077
copy
#3a4874
copy
CSS Code
Go fullscreen
#f6f5f5
copy
#e9e4e6
copy
#3bb4c1
copy
#048998
copy
CSS Code
Go fullscreen
#45eba5
copy
#21aba5
copy
#1d566e
copy
#163a5f
copy
CSS Code
Go fullscreen
#d9f9f4
copy
#9cd9de
copy
#86c1d4
copy
#5a92af
copy
CSS Code
Go fullscreen
#f7f39a
copy
#a3de83
copy
#38817a
copy
#346473
copy
CSS Code
Go fullscreen
#394a51
copy
#7fa99b
copy
#fbf2d5
copy
#fdc57b
copy
CSS Code
Go fullscreen
#085f63
copy
#49beb7
copy
#fccf4d
copy
#ef255f
copy
CSS Code
Go fullscreen
#66e1b4
copy
#006159
copy
#00796f
copy
#009589
copy
CSS Code
Go fullscreen
#e4f9f5
copy
#30e3ca
copy
#11999e
copy
#40514e
copy
CSS Code
Go fullscreen
#d2fafb
copy
#51dacf
copy
#41aaa8
copy
#2c003e
copy
CSS Code
Go fullscreen
#ddfee4
copy
#28cc9e
copy
#196b69
copy
#132f2b
copy
CSS Code
Go fullscreen
#e0fffb
copy
#29cdb5
copy
#008698
copy
#f39c9c
copy
CSS Code
Go fullscreen
#7fe7cc
copy
#dfe38e
copy
#efca8c
copy
#f17e7e
copy
CSS Code
Go fullscreen
#d8dfe2
copy
#71adb5
copy
#176d81
copy
#0d3446
copy
CSS Code
Go fullscreen
#7a81eb
copy
#504aa7
copy
#253361
copy
#599597
copy
CSS Code
Go fullscreen
#567582
copy
#464d5c
copy
#f7dda4
copy
#b89068
copy
CSS Code
Go fullscreen
#433751
copy
#2f576e
copy
#748b9c
copy
#f0e3e3
copy
CSS Code
Go fullscreen
#f8ed86
copy
#a5e9db
copy
#2ca4bf
copy
#415b90
copy
CSS Code
Go fullscreen
#f9fbfc
copy
#a0dbdb
copy
#56a7a7
copy
#fcea90
copy
CSS Code
Go fullscreen
#fdfdc4
copy
#ffe8cf
copy
#ffdede
copy
#ccffec
copy
CSS Code
Go fullscreen
#f2f4f6
copy
#1ee3cf
copy
#6b48ff
copy
#0d3f67
copy
CSS Code
Go fullscreen
#83afa6
copy
#58727f
copy
#e5e5e5
copy
#d3a284
copy
CSS Code
Go fullscreen
#ffcc00
copy
#ff6666
copy
#cc0066
copy
#66cccc
copy
CSS Code
Go fullscreen
#2c2828
copy
#3b2c85
copy
#219897
copy
#85cfcb
copy
CSS Code
Go fullscreen
#22eaca
copy
#b31e6f
copy
#ee5a5a
copy
#ff9e74
copy
CSS Code
Go fullscreen
#071a52
copy
#086972
copy
#17b978
copy
#a7ff83
copy
CSS Code
Go fullscreen
#535238
copy
#4bbb8b
copy
#6ddabe
copy
#c9ffc7
copy
CSS Code
Go fullscreen
#51eaea
copy
#ffdbc5
copy
#ff9d76
copy
#ef4339
copy
CSS Code
Go fullscreen
#1b3764
copy
#4ab8b8
copy
#fafccb
copy
#efa35c
copy
CSS Code
Go fullscreen
#0d7e83
copy
#13293d
copy
#ffaf87
copy
#eef0f2
copy
CSS Code
Go fullscreen
#bbe9db
copy
#aeccc6
copy
#9ba6a5
copy
#757a79
copy
CSS Code
Go fullscreen
#f8aa27
copy
#fac55b
copy
#fff8b6
copy
#20655f
copy
CSS Code
Go fullscreen
#d1dbbd
copy
#91aa9d
copy
#3e606f
copy
#193441
copy
CSS Code
Go fullscreen
#222831
copy
#393e46
copy
#00adb5
copy
#eeeeee
copy
CSS Code
Go fullscreen
#364f6b
copy
#3fc1c9
copy
#f5f5f5
copy
#fc5185
copy
CSS Code
Go fullscreen
#1fe5bd
copy
#41a7b3
copy
#5e227f
copy
#d22780
copy
CSS Code
Go fullscreen
#0c084c
copy
#096386
copy
#00b7a8
copy
#f0eec8
copy
CSS Code
Go fullscreen
#764f51
copy
#7fc5ca
copy
#9fe6dc
copy
#cfffff
copy
CSS Code
Go fullscreen
#f7f4ea
copy
#9ce3cf
copy
#6a7ff5
copy
#574b9b
copy
CSS Code
Go fullscreen
#106ee8
copy
#0fc1a1
copy
#90e0ab
copy
#cbffce
copy
CSS Code
Go fullscreen
#fffcca
copy
#55e9bc
copy
#11d3bc
copy
#537780
copy
CSS Code
Go fullscreen
#3e3838
copy
#ae7c7c
copy
#6cbbb3
copy
#efe784
copy
CSS Code
Go fullscreen
#b0dedb
copy
#e3f3f7
copy
#fc6e5e
copy
#583131
copy
CSS Code
Go fullscreen
#f7f7f7
copy
#3b0944
copy
#5f1854
copy
#1abb9c
copy
CSS Code
Go fullscreen
#c9f658
copy
#dbff3d
copy
#55968f
copy
#8acbbb
copy
CSS Code
Go fullscreen
#512c96
copy
#3c6f9c
copy
#dd6892
copy
#f9c6ba
copy
CSS Code
Go fullscreen
#f77754
copy
#584b42
copy
#537d91
copy
#a4d1c8
copy
CSS Code
Go fullscreen
#c1e8da
copy
#c96868
copy
#5e4949
copy
#866770
copy
CSS Code
Go fullscreen
#f0f2eb
copy
#b5592a
copy
#f09027
copy
#8cbeaa
copy
CSS Code
Go fullscreen
#61d4b3
copy
#fdd365
copy
#fb8d62
copy
#fd2eb3
copy
CSS Code
Go fullscreen
#dffcb5
copy
#b7f5de
copy
#add1fc
copy
#9870fc
copy
CSS Code
Go fullscreen
#d65f5f
copy
#faf99f
copy
#a1f6b6
copy
#78d8d0
copy
CSS Code
Go fullscreen
#212121
copy
#323232
copy
#0d7377
copy
#14ffec
copy
CSS Code
Go fullscreen
#085f63
copy
#49beb7
copy
#facf5a
copy
#ff5959
copy
CSS Code
Go fullscreen
#dddddd
copy
#113c4a
copy
#265a5c
copy
#3f7b70
copy
CSS Code
Go fullscreen
#f1fafb
copy
#a0e4f1
copy
#9dc6ff
copy
#4993fa
copy
CSS Code
Go fullscreen
#f4f7f7
copy
#aacfd0
copy
#5da0a2
copy
#34495e
copy
CSS Code
Go fullscreen
#303841
copy
#3a4750
copy
#00adb5
copy
#eeeeee
copy
CSS Code
Go fullscreen
#73dbc4
copy
#faf7e6
copy
#ff008b
copy
#fff8a1
copy
CSS Code
Go fullscreen
#80e5e9
copy
#7d77f6
copy
#793e71
copy
#e471a7
copy
CSS Code
Go fullscreen
#f6efb4
copy
#35c2bd
copy
#2796cb
copy
#3379e4
copy
CSS Code
Go fullscreen
#232855
copy
#215b63
copy
#5fcc9c
copy
#aaffc7
copy
CSS Code
Go fullscreen
#ecfffb
copy
#b4f1f1
copy
#2d767f
copy
#1e6262
copy
CSS Code
Go fullscreen
#1b3c68
copy
#0074e4
copy
#00b8c0
copy
#e9ffb2
copy
CSS Code
Go fullscreen
#062925
copy
#044a42
copy
#3a9188
copy
#b8e1dd
copy
CSS Code
Go fullscreen
#c2faf1
copy
#f6f6f6
copy
#dfeff0
copy
#295e6a
copy
CSS Code
Go fullscreen
#fc345c
copy
#49beb7
copy
#afffdf
copy
#eafff7
copy
CSS Code
Go fullscreen
#1fffff
copy
#fffde1
copy
#ff9d76
copy
#ff4273
copy
CSS Code
Go fullscreen
#8cdadb
copy
#815e94
copy
#f4f49e
copy
#f1d089
copy
CSS Code
Go fullscreen
#ffa900
copy
#9d8221
copy
#014441
copy
#01252a
copy
CSS Code
Go fullscreen
#f6f5f5
copy
#e3e3e3
copy
#3bb4c1
copy
#048998
copy
CSS Code
Go fullscreen
#1c0c2a
copy
#343b99
copy
#61bdf6
copy
#9affdc
copy
CSS Code
Go fullscreen
#c1f880
copy
#55c59d
copy
#4f5aa8
copy
#7481cf
copy
CSS Code
Go fullscreen
#f3f6f6
copy
#30e3ca
copy
#11999e
copy
#40514e
copy
CSS Code
Go fullscreen
#5f1854
copy
#8b104e
copy
#1abb9c
copy
#f7f7f7
copy
CSS Code
Go fullscreen
#4d12ee
copy
#2f24c1
copy
#3fd1cb
copy
#f8f6f6
copy
CSS Code
Go fullscreen
#0e3150
copy
#6dc9c8
copy
#ffc0c2
copy
#f7e9e3
copy
CSS Code
Go fullscreen
#90f6d7
copy
#35bcbf
copy
#41506b
copy
#263849
copy
CSS Code
Go fullscreen
#73f7dd
copy
#2cc4cb
copy
#1972a4
copy
#2e3a87
copy
CSS Code
Go fullscreen
#113f67
copy
#34699a
copy
#408ab4
copy
#65c6c4
copy
CSS Code
Go fullscreen
#11cbd7
copy
#9feed1
copy
#fff6a2
copy
#f60c86
copy
CSS Code
Go fullscreen
#ff6473
copy
#757882
copy
#5cc1b3
copy
#6ef7c8
copy
CSS Code
Go fullscreen
#1d2323
copy
#5c848e
copy
#decdc3
copy
#e0e0ec
copy
CSS Code
Go fullscreen
#df0e62
copy
#fac70b
copy
#127681
copy
#21174a
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.