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
#f5f5f5
copy
#30e3ca
copy
#2f89fc
copy
#40514e
copy
CSS Code
Go fullscreen
#43bfc7
copy
#69e9f5
copy
#645fce
copy
#40356f
copy
CSS Code
Go fullscreen
#3c4245
copy
#5f6769
copy
#719192
copy
#dfcdc3
copy
CSS Code
Go fullscreen
#45eba5
copy
#21aba5
copy
#1d566e
copy
#163a5f
copy
CSS Code
Go fullscreen
#020438
copy
#284184
copy
#1f8ea3
copy
#00eaff
copy
CSS Code
Go fullscreen
#ebfffa
copy
#c6fce5
copy
#6ef3d6
copy
#0dceda
copy
CSS Code
Go fullscreen
#3b939b
copy
#2f8189
copy
#91f3fc
copy
#c9fbff
copy
CSS Code
Go fullscreen
#37b7b5
copy
#a0e4e0
copy
#c7f6f5
copy
#f6b132
copy
CSS Code
Go fullscreen
#9bf4d5
copy
#29cdb5
copy
#fff3e1
copy
#373331
copy
CSS Code
Go fullscreen
#f0f2eb
copy
#b5592a
copy
#f09027
copy
#8cbeaa
copy
CSS Code
Go fullscreen
#fff6da
copy
#84f2d6
copy
#fc6b3f
copy
#262525
copy
CSS Code
Go fullscreen
#015668
copy
#06648c
copy
#0f81c7
copy
#0de2ea
copy
CSS Code
Go fullscreen
#95efce
copy
#2ea1d9
copy
#395ea6
copy
#3e467f
copy
CSS Code
Go fullscreen
#feeb97
copy
#4fb783
copy
#409d9b
copy
#034561
copy
CSS Code
Go fullscreen
#17bebb
copy
#2e282a
copy
#cd5334
copy
#edb88b
copy
CSS Code
Go fullscreen
#56bfb5
copy
#38817a
copy
#f5f093
copy
#fbd66f
copy
CSS Code
Go fullscreen
#feff9f
copy
#78dec9
copy
#2a6f7f
copy
#0e2033
copy
CSS Code
Go fullscreen
#6b62ce
copy
#372e96
copy
#2f99ad
copy
#84efe2
copy
CSS Code
Go fullscreen
#155674
copy
#60beb3
copy
#79f8bb
copy
#f5ffae
copy
CSS Code
Go fullscreen
#433751
copy
#2f576e
copy
#748b9c
copy
#f0e3e3
copy
CSS Code
Go fullscreen
#fafaf6
copy
#00fff0
copy
#00d1ff
copy
#3d6cb9
copy
CSS Code
Go fullscreen
#11cbd7
copy
#c6f1e7
copy
#f0fff3
copy
#fa4659
copy
CSS Code
Go fullscreen
#d0f66a
copy
#36c186
copy
#158a8c
copy
#1e5287
copy
CSS Code
Go fullscreen
#45b7b8
copy
#706381
copy
#2c3848
copy
#f7de1c
copy
CSS Code
Go fullscreen
#1b5a7a
copy
#1aa59a
copy
#a6ed8e
copy
#f3ffb9
copy
CSS Code
Go fullscreen
#055049
copy
#faf35e
copy
#069a8e
copy
#a1e3d8
copy
CSS Code
Go fullscreen
#e7f5f2
copy
#f9c7cf
copy
#12776f
copy
#0f4137
copy
CSS Code
Go fullscreen
#ee8572
copy
#35495e
copy
#347474
copy
#63b7af
copy
CSS Code
Go fullscreen
#0d7e83
copy
#13293d
copy
#ffaf87
copy
#eef0f2
copy
CSS Code
Go fullscreen
#20716a
copy
#23a393
copy
#ffc0c2
copy
#f7e9e3
copy
CSS Code
Go fullscreen
#fa163f
copy
#12cad6
copy
#0fabbc
copy
#e4f9ff
copy
CSS Code
Go fullscreen
#61d4b3
copy
#fdd365
copy
#fb8d62
copy
#fd2eb3
copy
CSS Code
Go fullscreen
#425e92
copy
#0c81f6
copy
#5fe1d9
copy
#f7fad1
copy
CSS Code
Go fullscreen
#e4f9f5
copy
#30e3ca
copy
#11999e
copy
#40514e
copy
CSS Code
Go fullscreen
#f6efb4
copy
#35c2bd
copy
#2796cb
copy
#3379e4
copy
CSS Code
Go fullscreen
#d9f9f4
copy
#9cd9de
copy
#86c1d4
copy
#5a92af
copy
CSS Code
Go fullscreen
#70d4b4
copy
#ffebb7
copy
#bbbbbb
copy
#aaaaaa
copy
CSS Code
Go fullscreen
#feff9a
copy
#6fe8c8
copy
#85fede
copy
#b7abfb
copy
CSS Code
Go fullscreen
#f45905
copy
#c70d3a
copy
#512c62
copy
#45969b
copy
CSS Code
Go fullscreen
#f3f6f6
copy
#30e3ca
copy
#11999e
copy
#40514e
copy
CSS Code
Go fullscreen
#07588a
copy
#6ac1b8
copy
#bfe9db
copy
#e1f6f4
copy
CSS Code
Go fullscreen
#ff6473
copy
#757882
copy
#5cc1b3
copy
#6ef7c8
copy
CSS Code
Go fullscreen
#df0e62
copy
#fac70b
copy
#127681
copy
#21174a
copy
CSS Code
Go fullscreen
#48f3db
copy
#51c4e9
copy
#6150c1
copy
#4a3764
copy
CSS Code
Go fullscreen
#f2f4f6
copy
#1ee3cf
copy
#6b48ff
copy
#0d3f67
copy
CSS Code
Go fullscreen
#4ac6b7
copy
#4f5e7f
copy
#965f8a
copy
#ff7070
copy
CSS Code
Go fullscreen
#cefff1
copy
#ace7ef
copy
#a6acec
copy
#a56cc1
copy
CSS Code
Go fullscreen
#fbfbfb
copy
#fff1c1
copy
#78b7bb
copy
#808b97
copy
CSS Code
Go fullscreen
#d7ffdf
copy
#ace6c0
copy
#77b5a6
copy
#9d4545
copy
CSS Code
Go fullscreen
#f8ed86
copy
#a5e9db
copy
#2ca4bf
copy
#415b90
copy
CSS Code
Go fullscreen
#ffcc00
copy
#ff6666
copy
#cc0066
copy
#66cccc
copy
CSS Code
Go fullscreen
#f3f2c9
copy
#f0d587
copy
#93af56
copy
#336371
copy
CSS Code
Go fullscreen
#106ee8
copy
#0fc1a1
copy
#90e0ab
copy
#cbffce
copy
CSS Code
Go fullscreen
#515661
copy
#2e9f82
copy
#68c170
copy
#d6ec8c
copy
CSS Code
Go fullscreen
#c1e8da
copy
#c96868
copy
#5e4949
copy
#866770
copy
CSS Code
Go fullscreen
#00a8b5
copy
#774898
copy
#e62a76
copy
#fbb901
copy
CSS Code
Go fullscreen
#8e9fe6
copy
#6acafc
copy
#6ce6dd
copy
#dbf094
copy
CSS Code
Go fullscreen
#1d7d81
copy
#213458
copy
#887575
copy
#f6e8e8
copy
CSS Code
Go fullscreen
#513c3c
copy
#2a769a
copy
#41c3be
copy
#f7f36b
copy
CSS Code
Go fullscreen
#085f63
copy
#49beb7
copy
#fccf4d
copy
#ef255f
copy
CSS Code
Go fullscreen
#47d0bd
copy
#daec8b
copy
#fffdd6
copy
#ff5da2
copy
CSS Code
Go fullscreen
#3b5441
copy
#83e85a
copy
#2cb978
copy
#107a8b
copy
CSS Code
Go fullscreen
#5ba19b
copy
#fceaea
copy
#f5d9d9
copy
#fbead1
copy
CSS Code
Go fullscreen
#303841
copy
#00adb5
copy
#eeeeee
copy
#ff5722
copy
CSS Code
Go fullscreen
#0eb29a
copy
#f5fdff
copy
#ddf0c2
copy
#8c999a
copy
CSS Code
Go fullscreen
#222222
copy
#045757
copy
#044343
copy
#e4e4e4
copy
CSS Code
Go fullscreen
#6ea7c1
copy
#6b55ae
copy
#e67fa2
copy
#ffefa1
copy
CSS Code
Go fullscreen
#fae3e3
copy
#b7b7b7
copy
#137083
copy
#3d0240
copy
CSS Code
Go fullscreen
#7ecfc0
copy
#f2e3c9
copy
#ec8f6a
copy
#ef4b4b
copy
CSS Code
Go fullscreen
#ffeaa5
copy
#226b80
copy
#40a798
copy
#ffebd3
copy
CSS Code
Go fullscreen
#f1f3f4
copy
#79bac1
copy
#2a7886
copy
#512b58
copy
CSS Code
Go fullscreen
#db2d43
copy
#87e5da
copy
#c7f2e3
copy
#f7aa00
copy
CSS Code
Go fullscreen
#f2fcfc
copy
#bdf1f6
copy
#8fbaf3
copy
#0245a3
copy
CSS Code
Go fullscreen
#0278ae
copy
#51adcf
copy
#a5ecd7
copy
#e8ffc1
copy
CSS Code
Go fullscreen
#66bfbf
copy
#eaf6f6
copy
#fcfefe
copy
#f76b8a
copy
CSS Code
Go fullscreen
#73dbc4
copy
#faf7e6
copy
#ff008b
copy
#fff8a1
copy
CSS Code
Go fullscreen
#f4f7ed
copy
#86ee60
copy
#2e6e65
copy
#2b3752
copy
CSS Code
Go fullscreen
#432c51
copy
#535474
copy
#54a4af
copy
#ecbc55
copy
CSS Code
Go fullscreen
#f7f39a
copy
#a3de83
copy
#38817a
copy
#346473
copy
CSS Code
Go fullscreen
#f6c667
copy
#b30753
copy
#280f34
copy
#bff4ed
copy
CSS Code
Go fullscreen
#113f67
copy
#34699a
copy
#408ab4
copy
#65c6c4
copy
CSS Code
Go fullscreen
#225763
copy
#41d8bf
copy
#2f89b3
copy
#3b50b2
copy
CSS Code
Go fullscreen
#33313b
copy
#4592af
copy
#e3c4a8
copy
#f6f5f5
copy
CSS Code
Go fullscreen
#e5fcc2
copy
#9de0ad
copy
#45ada8
copy
#547980
copy
CSS Code
Go fullscreen
#295e62
copy
#1c4648
copy
#d5d46f
copy
#dff09d
copy
CSS Code
Go fullscreen
#343434
copy
#055e68
copy
#62a388
copy
#b9d2d2
copy
CSS Code
Go fullscreen
#f5e1da
copy
#f1f1f1
copy
#40a798
copy
#476269
copy
CSS Code
Go fullscreen
#fffcca
copy
#55e9bc
copy
#11d3bc
copy
#537780
copy
CSS Code
Go fullscreen
#1fffff
copy
#fffde1
copy
#ff9d76
copy
#ff4273
copy
CSS Code
Go fullscreen
#3e3245
copy
#524a79
copy
#97d8ec
copy
#74bbca
copy
CSS Code
Go fullscreen
#fbfbfb
copy
#b9e1dc
copy
#f38181
copy
#756c83
copy
CSS Code
Go fullscreen
#f87d09
copy
#f6f6f6
copy
#a7cdcc
copy
#004a55
copy
CSS Code
Go fullscreen
#499491
copy
#a3dec9
copy
#f7fed8
copy
#fbd400
copy
CSS Code
Go fullscreen
#0278ae
copy
#51dacf
copy
#9ef5cf
copy
#e8ffc1
copy
CSS Code
Go fullscreen
#ffca61
copy
#ffec85
copy
#f2ffdf
copy
#c9f0d6
copy
CSS Code
Go fullscreen
#54123b
copy
#84142d
copy
#c02739
copy
#29c7ac
copy
CSS Code
Go fullscreen
#c7f2e3
copy
#9ed9c5
copy
#eeddd2
copy
#b73535
copy
CSS Code
Go fullscreen
#f1684e
copy
#85c8dd
copy
#d3e0e2
copy
#e9f6f5
copy
CSS Code
Go fullscreen
#3c9099
copy
#5fbdb0
copy
#e3e2c3
copy
#f0efe2
copy
CSS Code
Go fullscreen
#1f3a52
copy
#41a186
copy
#8cca6e
copy
#d3f689
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.