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
#f35588
copy
#05dfd7
copy
#a3f7bf
copy
#fff591
copy
CSS Code
Go fullscreen
#394a51
copy
#7fa99b
copy
#fbf2d5
copy
#fdc57b
copy
CSS Code
Go fullscreen
#fffb97
copy
#97ffcf
copy
#2fe1d6
copy
#38c6bd
copy
CSS Code
Go fullscreen
#ecf4f3
copy
#d1eecc
copy
#76dbd1
copy
#57a99a
copy
CSS Code
Go fullscreen
#f6f6d9
copy
#47e4e0
copy
#5f81e4
copy
#f67ff5
copy
CSS Code
Go fullscreen
#7effdb
copy
#b693fe
copy
#8c82fc
copy
#ff9de2
copy
CSS Code
Go fullscreen
#d1dbbd
copy
#91aa9d
copy
#3e606f
copy
#193441
copy
CSS Code
Go fullscreen
#49493c
copy
#9fa180
copy
#f2f77f
copy
#6ebaa7
copy
CSS Code
Go fullscreen
#085f63
copy
#49beb7
copy
#fccf4d
copy
#ef255f
copy
CSS Code
Go fullscreen
#45eba5
copy
#21aba5
copy
#1d566e
copy
#163a5f
copy
CSS Code
Go fullscreen
#bae5d5
copy
#d7acd4
copy
#eec2c2
copy
#f2f2b0
copy
CSS Code
Go fullscreen
#fbe0d8
copy
#4d727e
copy
#283644
copy
#7a6552
copy
CSS Code
Go fullscreen
#8e9fe6
copy
#6acafc
copy
#6ce6dd
copy
#dbf094
copy
CSS Code
Go fullscreen
#22213d
copy
#4e3188
copy
#24babc
copy
#eaef9b
copy
CSS Code
Go fullscreen
#80ffdb
copy
#55e0a3
copy
#5b70f3
copy
#4850b9
copy
CSS Code
Go fullscreen
#f4f7f7
copy
#79a8a9
copy
#4d727e
copy
#1f4e5f
copy
CSS Code
Go fullscreen
#2c2828
copy
#3b2c85
copy
#219897
copy
#85cfcb
copy
CSS Code
Go fullscreen
#54123b
copy
#84142d
copy
#c02739
copy
#29c7ac
copy
CSS Code
Go fullscreen
#00649f
copy
#01aac1
copy
#00dbe7
copy
#97ecc5
copy
CSS Code
Go fullscreen
#2fc5cc
copy
#6df1cc
copy
#e3ffc3
copy
#ff89c0
copy
CSS Code
Go fullscreen
#08ffc8
copy
#fff7f7
copy
#dadada
copy
#204969
copy
CSS Code
Go fullscreen
#e4f2f0
copy
#99d8d0
copy
#70416d
copy
#170a19
copy
CSS Code
Go fullscreen
#54777d
copy
#eadb9d
copy
#feffe4
copy
#e7e3c5
copy
CSS Code
Go fullscreen
#295e62
copy
#1c4648
copy
#d5d46f
copy
#dff09d
copy
CSS Code
Go fullscreen
#f4f4ec
copy
#76e2f4
copy
#615dec
copy
#301781
copy
CSS Code
Go fullscreen
#de7119
copy
#dee3e2
copy
#116979
copy
#18b0b0
copy
CSS Code
Go fullscreen
#07588a
copy
#6ac1b8
copy
#bfe9db
copy
#e1f6f4
copy
CSS Code
Go fullscreen
#61d4b3
copy
#fdd365
copy
#fb8d62
copy
#fd2eb3
copy
CSS Code
Go fullscreen
#d2fafb
copy
#5acfd6
copy
#189bfa
copy
#0c4b8e
copy
CSS Code
Go fullscreen
#b8f7d4
copy
#6fe7db
copy
#7fa6ee
copy
#835af1
copy
CSS Code
Go fullscreen
#f79486
copy
#faf885
copy
#fcffc9
copy
#8ff5d2
copy
CSS Code
Go fullscreen
#512c96
copy
#3c6f9c
copy
#dd6892
copy
#f9c6ba
copy
CSS Code
Go fullscreen
#feff9a
copy
#6fe8c8
copy
#85fede
copy
#b7abfb
copy
CSS Code
Go fullscreen
#5ba19b
copy
#fceaea
copy
#f5d9d9
copy
#fbead1
copy
CSS Code
Go fullscreen
#1d0251
copy
#019081
copy
#74cc7e
copy
#d2eba7
copy
CSS Code
Go fullscreen
#626eef
copy
#09a8fa
copy
#41c5d3
copy
#fffa9d
copy
CSS Code
Go fullscreen
#ffee7d
copy
#534c98
copy
#b767ff
copy
#44fadd
copy
CSS Code
Go fullscreen
#f6c667
copy
#b30753
copy
#280f34
copy
#bff4ed
copy
CSS Code
Go fullscreen
#15b7b9
copy
#10ddc2
copy
#f5f5f5
copy
#f57170
copy
CSS Code
Go fullscreen
#0c4762
copy
#51dacf
copy
#9ef5cf
copy
#f4eeee
copy
CSS Code
Go fullscreen
#feff9f
copy
#78dec9
copy
#2a6f7f
copy
#0e2033
copy
CSS Code
Go fullscreen
#b0dedb
copy
#e3f3f7
copy
#fc6e5e
copy
#583131
copy
CSS Code
Go fullscreen
#d2fafb
copy
#51dacf
copy
#41aaa8
copy
#2c003e
copy
CSS Code
Go fullscreen
#f3f2c9
copy
#f0d587
copy
#93af56
copy
#336371
copy
CSS Code
Go fullscreen
#65587f
copy
#f18867
copy
#e85f99
copy
#50bda1
copy
CSS Code
Go fullscreen
#cff800
copy
#feff92
copy
#0fefbd
copy
#7899dc
copy
CSS Code
Go fullscreen
#513c3c
copy
#2a769a
copy
#41c3be
copy
#f7f36b
copy
CSS Code
Go fullscreen
#f8ed86
copy
#a5e9db
copy
#2ca4bf
copy
#415b90
copy
CSS Code
Go fullscreen
#faf9f9
copy
#add2c9
copy
#5ea3a3
copy
#488b8f
copy
CSS Code
Go fullscreen
#f2fcfc
copy
#bdf1f6
copy
#8fbaf3
copy
#0245a3
copy
CSS Code
Go fullscreen
#fffbaf
copy
#ff5656
copy
#cd0a0a
copy
#42cfc4
copy
CSS Code
Go fullscreen
#248888
copy
#e6e6e6
copy
#e7475e
copy
#f0d879
copy
CSS Code
Go fullscreen
#425e92
copy
#0c81f6
copy
#5fe1d9
copy
#f7fad1
copy
CSS Code
Go fullscreen
#000000
copy
#1a8b9d
copy
#b2d430
copy
#fff5f5
copy
CSS Code
Go fullscreen
#feeb97
copy
#4fb783
copy
#409d9b
copy
#034561
copy
CSS Code
Go fullscreen
#beebe9
copy
#fffdf9
copy
#ffe3ed
copy
#8ac6d1
copy
CSS Code
Go fullscreen
#3e3245
copy
#524a79
copy
#97d8ec
copy
#74bbca
copy
CSS Code
Go fullscreen
#00bdaa
copy
#400082
copy
#fe346e
copy
#f1e7b6
copy
CSS Code
Go fullscreen
#432c51
copy
#535474
copy
#54a4af
copy
#ecbc55
copy
CSS Code
Go fullscreen
#11cbd7
copy
#c6f1e7
copy
#f0fff3
copy
#fa4659
copy
CSS Code
Go fullscreen
#51eaea
copy
#ffdbc5
copy
#ff9d76
copy
#ef4339
copy
CSS Code
Go fullscreen
#353b6e
copy
#252243
copy
#74deed
copy
#9365db
copy
CSS Code
Go fullscreen
#110133
copy
#00918e
copy
#4dd599
copy
#ffdc34
copy
CSS Code
Go fullscreen
#4ac6b7
copy
#4f5e7f
copy
#965f8a
copy
#ff7070
copy
CSS Code
Go fullscreen
#f5fac8
copy
#aee8e6
copy
#8bcfcc
copy
#539092
copy
CSS Code
Go fullscreen
#65ead1
copy
#f469a9
copy
#ff917b
copy
#fcffc1
copy
CSS Code
Go fullscreen
#438a70
copy
#52ceba
copy
#8affb4
copy
#eaff81
copy
CSS Code
Go fullscreen
#d7f7f5
copy
#75cac3
copy
#2a6171
copy
#f3d516
copy
CSS Code
Go fullscreen
#612c83
copy
#509aaf
copy
#7dd8c7
copy
#f5ffc3
copy
CSS Code
Go fullscreen
#362999
copy
#4262c5
copy
#44aec2
copy
#93efed
copy
CSS Code
Go fullscreen
#222831
copy
#393e46
copy
#00adb5
copy
#eeeeee
copy
CSS Code
Go fullscreen
#fae3e3
copy
#b7b7b7
copy
#137083
copy
#3d0240
copy
CSS Code
Go fullscreen
#ffe037
copy
#1dcd9f
copy
#088c6f
copy
#23033c
copy
CSS Code
Go fullscreen
#35d0ba
copy
#f8c43a
copy
#c93d1b
copy
#04322e
copy
CSS Code
Go fullscreen
#155263
copy
#ff6f3c
copy
#ff9a3c
copy
#ffc93c
copy
CSS Code
Go fullscreen
#5f1854
copy
#8b104e
copy
#1abb9c
copy
#f7f7f7
copy
CSS Code
Go fullscreen
#1b5a7a
copy
#1aa59a
copy
#a6ed8e
copy
#f3ffb9
copy
CSS Code
Go fullscreen
#4d12ee
copy
#2f24c1
copy
#3fd1cb
copy
#f8f6f6
copy
CSS Code
Go fullscreen
#61bbb6
copy
#a1dfff
copy
#ad56cd
copy
#4a3b85
copy
CSS Code
Go fullscreen
#f0cf85
copy
#e7f0c3
copy
#a4d4ae
copy
#32afa9
copy
CSS Code
Go fullscreen
#d7ffdf
copy
#ace6c0
copy
#77b5a6
copy
#9d4545
copy
CSS Code
Go fullscreen
#3e3838
copy
#ae7c7c
copy
#6cbbb3
copy
#efe784
copy
CSS Code
Go fullscreen
#ffa3ac
copy
#00043c
copy
#005d6c
copy
#00c9b1
copy
CSS Code
Go fullscreen
#085f63
copy
#49beb7
copy
#facf5a
copy
#ff5959
copy
CSS Code
Go fullscreen
#0f3057
copy
#00587a
copy
#008891
copy
#e7e7de
copy
CSS Code
Go fullscreen
#00a8b5
copy
#774898
copy
#de4383
copy
#f3ae4b
copy
CSS Code
Go fullscreen
#007065
copy
#00a79d
copy
#f5c181
copy
#ffeecf
copy
CSS Code
Go fullscreen
#f0bebe
copy
#5ea3a6
copy
#3a718c
copy
#ffffdf
copy
CSS Code
Go fullscreen
#04879c
copy
#0c3c78
copy
#090030
copy
#f30a49
copy
CSS Code
Go fullscreen
#2b3964
copy
#3482aa
copy
#6db3b5
copy
#f9cc7b
copy
CSS Code
Go fullscreen
#ff5959
copy
#ffad5a
copy
#4f9da6
copy
#1a0841
copy
CSS Code
Go fullscreen
#567582
copy
#464d5c
copy
#f7dda4
copy
#b89068
copy
CSS Code
Go fullscreen
#57d1c9
copy
#ed5485
copy
#fffbcb
copy
#ffe869
copy
CSS Code
Go fullscreen
#0e2e3b
copy
#166678
copy
#7db9b3
copy
#d8d7c3
copy
CSS Code
Go fullscreen
#58828b
copy
#5e9387
copy
#c8e29d
copy
#f2f299
copy
CSS Code
Go fullscreen
#37b7b5
copy
#a0e4e0
copy
#c7f6f5
copy
#f6b132
copy
CSS Code
Go fullscreen
#89fad0
copy
#4ec9e1
copy
#6796e5
copy
#228291
copy
CSS Code
Go fullscreen
#055049
copy
#faf35e
copy
#069a8e
copy
#a1e3d8
copy
CSS Code
Go fullscreen
#f4f56e
copy
#72e8e1
copy
#58b3d3
copy
#418c9f
copy
CSS Code
Go fullscreen
#f3ff92
copy
#f6ce59
copy
#2e8fc6
copy
#56cfd2
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.