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
#3d065a
copy
#b51a62
copy
#70d4b4
copy
#ddddc7
copy
CSS Code
Go fullscreen
#f4f4f4
copy
#6decb9
copy
#11999e
copy
#3c3c3c
copy
CSS Code
Go fullscreen
#cff800
copy
#feff92
copy
#0fefbd
copy
#7899dc
copy
CSS Code
Go fullscreen
#08d9d6
copy
#252a34
copy
#ff2e63
copy
#eaeaea
copy
CSS Code
Go fullscreen
#48f3db
copy
#51c4e9
copy
#6150c1
copy
#4a3764
copy
CSS Code
Go fullscreen
#0c4762
copy
#51dacf
copy
#9ef5cf
copy
#f4eeee
copy
CSS Code
Go fullscreen
#314357
copy
#456672
copy
#e3b587
copy
#c98c70
copy
CSS Code
Go fullscreen
#ebefd0
copy
#32dbc6
copy
#49beb7
copy
#ff502f
copy
CSS Code
Go fullscreen
#cefff1
copy
#ace7ef
copy
#a6acec
copy
#a56cc1
copy
CSS Code
Go fullscreen
#364f6b
copy
#3fc1c9
copy
#f5f5f5
copy
#fc5185
copy
CSS Code
Go fullscreen
#37b7b5
copy
#a0e4e0
copy
#c7f6f5
copy
#f6b132
copy
CSS Code
Go fullscreen
#fcffc1
copy
#9bf4d5
copy
#1dad9b
copy
#346357
copy
CSS Code
Go fullscreen
#ff6a38
copy
#9ed0e0
copy
#5c868e
copy
#19483f
copy
CSS Code
Go fullscreen
#f1f3f4
copy
#79bac1
copy
#2a7886
copy
#512b58
copy
CSS Code
Go fullscreen
#ffb6b9
copy
#fae3d9
copy
#bbded6
copy
#61c0bf
copy
CSS Code
Go fullscreen
#c4aff0
copy
#fffeec
copy
#64d7d6
copy
#5782bb
copy
CSS Code
Go fullscreen
#f5e1da
copy
#f1f1f1
copy
#49beb7
copy
#085f63
copy
CSS Code
Go fullscreen
#f6f5f5
copy
#e3e3e3
copy
#3bb4c1
copy
#048998
copy
CSS Code
Go fullscreen
#dffcb5
copy
#b7f5de
copy
#add1fc
copy
#9870fc
copy
CSS Code
Go fullscreen
#1f3a52
copy
#41a186
copy
#8cca6e
copy
#d3f689
copy
CSS Code
Go fullscreen
#535238
copy
#4bbb8b
copy
#6ddabe
copy
#c9ffc7
copy
CSS Code
Go fullscreen
#f0f08e
copy
#91ca62
copy
#478077
copy
#3a4874
copy
CSS Code
Go fullscreen
#015668
copy
#06648c
copy
#0f81c7
copy
#0de2ea
copy
CSS Code
Go fullscreen
#303841
copy
#3a4750
copy
#00adb5
copy
#eeeeee
copy
CSS Code
Go fullscreen
#de5b7b
copy
#eccfd1
copy
#f0e3c4
copy
#98ded3
copy
CSS Code
Go fullscreen
#b1e9a3
copy
#7ac38f
copy
#88e0d0
copy
#c7eeff
copy
CSS Code
Go fullscreen
#58828b
copy
#5e9387
copy
#c8e29d
copy
#f2f299
copy
CSS Code
Go fullscreen
#a6f2db
copy
#7bcace
copy
#678eb4
copy
#4f4e79
copy
CSS Code
Go fullscreen
#f87d09
copy
#f6f6f6
copy
#a7cdcc
copy
#004a55
copy
CSS Code
Go fullscreen
#0f3057
copy
#00587a
copy
#008891
copy
#e7e7de
copy
CSS Code
Go fullscreen
#041122
copy
#259073
copy
#7fda89
copy
#e6f99d
copy
CSS Code
Go fullscreen
#fffb97
copy
#97ffcf
copy
#2fe1d6
copy
#38c6bd
copy
CSS Code
Go fullscreen
#fff395
copy
#7459dc
copy
#41b3ff
copy
#63f5ef
copy
CSS Code
Go fullscreen
#3b5441
copy
#83e85a
copy
#2cb978
copy
#107a8b
copy
CSS Code
Go fullscreen
#f7f7f7
copy
#3b0944
copy
#5f1854
copy
#1abb9c
copy
CSS Code
Go fullscreen
#3c4245
copy
#5f6769
copy
#719192
copy
#dfcdc3
copy
CSS Code
Go fullscreen
#48829e
copy
#51dacf
copy
#9ef5cf
copy
#e8ffb1
copy
CSS Code
Go fullscreen
#f78536
copy
#dfebed
copy
#497285
copy
#2b4450
copy
CSS Code
Go fullscreen
#ff395e
copy
#8fecc8
copy
#6f6f6f
copy
#4a4a4a
copy
CSS Code
Go fullscreen
#0eb29a
copy
#f5fdff
copy
#ddf0c2
copy
#8c999a
copy
CSS Code
Go fullscreen
#071e3d
copy
#1f4287
copy
#278ea5
copy
#21e6c1
copy
CSS Code
Go fullscreen
#ecf4f3
copy
#d1eecc
copy
#76dbd1
copy
#57a99a
copy
CSS Code
Go fullscreen
#085f63
copy
#49beb7
copy
#facf5a
copy
#ff5959
copy
CSS Code
Go fullscreen
#65ead1
copy
#f469a9
copy
#ff917b
copy
#fcffc1
copy
CSS Code
Go fullscreen
#f5e1da
copy
#f1f1f1
copy
#40a798
copy
#476269
copy
CSS Code
Go fullscreen
#fa163f
copy
#12cad6
copy
#0fabbc
copy
#e4f9ff
copy
CSS Code
Go fullscreen
#003545
copy
#00454a
copy
#3c6562
copy
#ed6363
copy
CSS Code
Go fullscreen
#b8f7d4
copy
#6fe7db
copy
#7fa6ee
copy
#835af1
copy
CSS Code
Go fullscreen
#4d12ee
copy
#2f24c1
copy
#3fd1cb
copy
#f8f6f6
copy
CSS Code
Go fullscreen
#2b4450
copy
#497285
copy
#dfebed
copy
#f78536
copy
CSS Code
Go fullscreen
#1fe5bd
copy
#41a7b3
copy
#5e227f
copy
#d22780
copy
CSS Code
Go fullscreen
#46185f
copy
#297ca0
copy
#bbbbbb
copy
#e9ea77
copy
CSS Code
Go fullscreen
#591fce
copy
#0c9cee
copy
#3dbdc2
copy
#a1f480
copy
CSS Code
Go fullscreen
#51eaea
copy
#ffdbc5
copy
#ff9d76
copy
#ef4339
copy
CSS Code
Go fullscreen
#d9f9f4
copy
#9cd9de
copy
#86c1d4
copy
#5a92af
copy
CSS Code
Go fullscreen
#006c9a
copy
#00bebe
copy
#00f3e4
copy
#9ff9c1
copy
CSS Code
Go fullscreen
#1d2323
copy
#5c848e
copy
#decdc3
copy
#e0e0ec
copy
CSS Code
Go fullscreen
#f8aa27
copy
#fac55b
copy
#fff8b6
copy
#20655f
copy
CSS Code
Go fullscreen
#6fe7dd
copy
#3490de
copy
#6639a6
copy
#521262
copy
CSS Code
Go fullscreen
#3b503d
copy
#4a746e
copy
#f1edb3
copy
#c8cf94
copy
CSS Code
Go fullscreen
#394a6d
copy
#3c9d9b
copy
#52de97
copy
#c0ffb3
copy
CSS Code
Go fullscreen
#90f6d7
copy
#35bcbf
copy
#41506b
copy
#263849
copy
CSS Code
Go fullscreen
#ff9234
copy
#ffcd3c
copy
#fefed5
copy
#35d0ba
copy
CSS Code
Go fullscreen
#f59aa3
copy
#f5e4c3
copy
#34a7b2
copy
#5b2e35
copy
CSS Code
Go fullscreen
#f0fff3
copy
#c6f1e7
copy
#70acb1
copy
#59606d
copy
CSS Code
Go fullscreen
#068b78
copy
#9ed79a
copy
#f2ff97
copy
#ffcf5e
copy
CSS Code
Go fullscreen
#ececec
copy
#9fd3c7
copy
#385170
copy
#142d4c
copy
CSS Code
Go fullscreen
#fc345c
copy
#49beb7
copy
#afffdf
copy
#eafff7
copy
CSS Code
Go fullscreen
#fdfdc4
copy
#ffe8cf
copy
#ffdede
copy
#ccffec
copy
CSS Code
Go fullscreen
#f4f7f7
copy
#aacfd0
copy
#79a8a9
copy
#1f4e5f
copy
CSS Code
Go fullscreen
#27323a
copy
#435055
copy
#29a19c
copy
#a3f7bf
copy
CSS Code
Go fullscreen
#bef2eb
copy
#6dc995
copy
#3a91aa
copy
#6b4897
copy
CSS Code
Go fullscreen
#43ab92
copy
#f75f00
copy
#c93838
copy
#512c62
copy
CSS Code
Go fullscreen
#f4f7f7
copy
#aacfd0
copy
#5da0a2
copy
#34495e
copy
CSS Code
Go fullscreen
#015668
copy
#263f44
copy
#ffd369
copy
#fff1cf
copy
CSS Code
Go fullscreen
#155674
copy
#60beb3
copy
#79f8bb
copy
#f5ffae
copy
CSS Code
Go fullscreen
#d68438
copy
#f1b24b
copy
#36846b
copy
#4bb39a
copy
CSS Code
Go fullscreen
#abedd8
copy
#46cdcf
copy
#0081c6
copy
#48466d
copy
CSS Code
Go fullscreen
#47d0bd
copy
#daec8b
copy
#fffdd6
copy
#ff5da2
copy
CSS Code
Go fullscreen
#05dfd7
copy
#ec7373
copy
#d8b5b5
copy
#ffe196
copy
CSS Code
Go fullscreen
#0e2e3b
copy
#166678
copy
#7db9b3
copy
#d8d7c3
copy
CSS Code
Go fullscreen
#f5f5f5
copy
#ececec
copy
#facc2e
copy
#27b1be
copy
CSS Code
Go fullscreen
#45b7b8
copy
#706381
copy
#2c3848
copy
#f7de1c
copy
CSS Code
Go fullscreen
#bbe9db
copy
#aeccc6
copy
#9ba6a5
copy
#757a79
copy
CSS Code
Go fullscreen
#b2e4d5
copy
#f2a6a6
copy
#b18ea6
copy
#e7f3ee
copy
CSS Code
Go fullscreen
#f4f7ed
copy
#86ee60
copy
#2e6e65
copy
#2b3752
copy
CSS Code
Go fullscreen
#fae3e3
copy
#b7b7b7
copy
#137083
copy
#3d0240
copy
CSS Code
Go fullscreen
#293462
copy
#00818a
copy
#ec9b3b
copy
#f7be16
copy
CSS Code
Go fullscreen
#f0eec9
copy
#9ee6cf
copy
#50c9ba
copy
#4ba2ac
copy
CSS Code
Go fullscreen
#567582
copy
#464d5c
copy
#f7dda4
copy
#b89068
copy
CSS Code
Go fullscreen
#110133
copy
#00918e
copy
#4dd599
copy
#ffdc34
copy
CSS Code
Go fullscreen
#78fee0
copy
#4bc2c5
copy
#3b9a9c
copy
#fef4a9
copy
CSS Code
Go fullscreen
#1a2f4b
copy
#28475c
copy
#2f8886
copy
#84c69b
copy
CSS Code
Go fullscreen
#f9fbfc
copy
#a0dbdb
copy
#56a7a7
copy
#fcea90
copy
CSS Code
Go fullscreen
#523f79
copy
#807be4
copy
#73cff0
copy
#afffea
copy
CSS Code
Go fullscreen
#ca3e6b
copy
#fa8383
copy
#9dd3cc
copy
#ffe4b3
copy
CSS Code
Go fullscreen
#071a52
copy
#086972
copy
#17b978
copy
#a7ff83
copy
CSS Code
Go fullscreen
#ffee7d
copy
#534c98
copy
#b767ff
copy
#44fadd
copy
CSS Code
Go fullscreen
#ffe037
copy
#1dcd9f
copy
#088c6f
copy
#23033c
copy
CSS Code
Go fullscreen
#499491
copy
#a3dec9
copy
#f7fed8
copy
#fbd400
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.