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
#fafaf6
copy
#00fff0
copy
#00d1ff
copy
#3d6cb9
copy
CSS Code
Go fullscreen
#225763
copy
#41d8bf
copy
#2f89b3
copy
#3b50b2
copy
CSS Code
Go fullscreen
#eaeaea
copy
#00bdaa
copy
#257aa6
copy
#621e81
copy
CSS Code
Go fullscreen
#f0eec9
copy
#9ee6cf
copy
#50c9ba
copy
#4ba2ac
copy
CSS Code
Go fullscreen
#4ac6b7
copy
#4f5e7f
copy
#965f8a
copy
#ff7070
copy
CSS Code
Go fullscreen
#3b503d
copy
#4a746e
copy
#f1edb3
copy
#c8cf94
copy
CSS Code
Go fullscreen
#2b4450
copy
#497285
copy
#dfebed
copy
#f78536
copy
CSS Code
Go fullscreen
#b2e4d5
copy
#f2a6a6
copy
#b18ea6
copy
#e7f3ee
copy
CSS Code
Go fullscreen
#085f63
copy
#49beb7
copy
#facf5a
copy
#ff5959
copy
CSS Code
Go fullscreen
#c6de41
copy
#2d6e7e
copy
#153b44
copy
#071c21
copy
CSS Code
Go fullscreen
#feff9f
copy
#78dec9
copy
#2a6f7f
copy
#0e2033
copy
CSS Code
Go fullscreen
#7a81eb
copy
#504aa7
copy
#253361
copy
#599597
copy
CSS Code
Go fullscreen
#283739
copy
#2c5d63
copy
#a9c52f
copy
#f7eebb
copy
CSS Code
Go fullscreen
#fff395
copy
#7459dc
copy
#41b3ff
copy
#63f5ef
copy
CSS Code
Go fullscreen
#73dbc4
copy
#faf7e6
copy
#ff008b
copy
#fff8a1
copy
CSS Code
Go fullscreen
#363434
copy
#5c5757
copy
#62929a
copy
#efecec
copy
CSS Code
Go fullscreen
#bef2eb
copy
#6dc995
copy
#3a91aa
copy
#6b4897
copy
CSS Code
Go fullscreen
#11cbd7
copy
#c6f1e7
copy
#f0fff3
copy
#fa4659
copy
CSS Code
Go fullscreen
#110133
copy
#00918e
copy
#4dd599
copy
#ffdc34
copy
CSS Code
Go fullscreen
#f59aa3
copy
#f5e4c3
copy
#34a7b2
copy
#5b2e35
copy
CSS Code
Go fullscreen
#0278ae
copy
#51dacf
copy
#9ef5cf
copy
#e8ffc1
copy
CSS Code
Go fullscreen
#f8d5f0
copy
#58d5d3
copy
#41a4c3
copy
#3f4b83
copy
CSS Code
Go fullscreen
#65587f
copy
#f18867
copy
#e85f99
copy
#50bda1
copy
CSS Code
Go fullscreen
#f2ffdf
copy
#b1f1b2
copy
#1e757b
copy
#424d69
copy
CSS Code
Go fullscreen
#293462
copy
#00818a
copy
#ec9b3b
copy
#f7be16
copy
CSS Code
Go fullscreen
#70d4b4
copy
#ffebb7
copy
#bbbbbb
copy
#aaaaaa
copy
CSS Code
Go fullscreen
#d68438
copy
#f1b24b
copy
#36846b
copy
#4bb39a
copy
CSS Code
Go fullscreen
#0c4762
copy
#51dacf
copy
#9ef5cf
copy
#f4eeee
copy
CSS Code
Go fullscreen
#f1efe9
copy
#beceb0
copy
#34857f
copy
#b0a48a
copy
CSS Code
Go fullscreen
#22eaca
copy
#b31e6f
copy
#ee5a5a
copy
#ff9e74
copy
CSS Code
Go fullscreen
#283739
copy
#228896
copy
#a9c52f
copy
#f5f5f5
copy
CSS Code
Go fullscreen
#362999
copy
#4262c5
copy
#44aec2
copy
#93efed
copy
CSS Code
Go fullscreen
#464159
copy
#6c7b95
copy
#8bbabb
copy
#c7f0db
copy
CSS Code
Go fullscreen
#43ab92
copy
#f75f00
copy
#c93838
copy
#512c62
copy
CSS Code
Go fullscreen
#718ca1
copy
#59748c
copy
#354d62
copy
#d7f2f7
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
#0278ae
copy
#51adcf
copy
#a5ecd7
copy
#e8ffc1
copy
CSS Code
Go fullscreen
#333a7b
copy
#4b6982
copy
#70c6c7
copy
#b4ffd8
copy
CSS Code
Go fullscreen
#2c2828
copy
#3b2c85
copy
#219897
copy
#85cfcb
copy
CSS Code
Go fullscreen
#1fad9f
copy
#cd3131
copy
#ab1212
copy
#f6e4b5
copy
CSS Code
Go fullscreen
#37b7b5
copy
#a0e4e0
copy
#c7f6f5
copy
#f6b132
copy
CSS Code
Go fullscreen
#f5f5f5
copy
#ececec
copy
#facc2e
copy
#27b1be
copy
CSS Code
Go fullscreen
#0e3150
copy
#6dc9c8
copy
#ffc0c2
copy
#f7e9e3
copy
CSS Code
Go fullscreen
#7fa998
copy
#f1f1b0
copy
#df8543
copy
#9d2503
copy
CSS Code
Go fullscreen
#00a8b5
copy
#774898
copy
#e62a76
copy
#fbb901
copy
CSS Code
Go fullscreen
#adccc7
copy
#144c52
copy
#053220
copy
#d34c26
copy
CSS Code
Go fullscreen
#015668
copy
#263f44
copy
#ffd369
copy
#fff1cf
copy
CSS Code
Go fullscreen
#f5f5f5
copy
#30e3ca
copy
#2f89fc
copy
#40514e
copy
CSS Code
Go fullscreen
#f7f4ea
copy
#9ce3cf
copy
#6a7ff5
copy
#574b9b
copy
CSS Code
Go fullscreen
#f4fab3
copy
#a4eae8
copy
#53aca8
copy
#498eb9
copy
CSS Code
Go fullscreen
#f8f5e4
copy
#f97300
copy
#0e3047
copy
#10828c
copy
CSS Code
Go fullscreen
#7ecfc0
copy
#f2e3c9
copy
#ec8f6a
copy
#ef4b4b
copy
CSS Code
Go fullscreen
#fab95b
copy
#71a0a5
copy
#665c84
copy
#212121
copy
CSS Code
Go fullscreen
#6fe7dd
copy
#3490de
copy
#6639a6
copy
#521262
copy
CSS Code
Go fullscreen
#5ba19b
copy
#fceaea
copy
#f5d9d9
copy
#fbead1
copy
CSS Code
Go fullscreen
#bbe9db
copy
#aeccc6
copy
#9ba6a5
copy
#757a79
copy
CSS Code
Go fullscreen
#085f63
copy
#49beb7
copy
#fccf4d
copy
#ef255f
copy
CSS Code
Go fullscreen
#27e1ce
copy
#efffb7
copy
#d6ec78
copy
#ff98da
copy
CSS Code
Go fullscreen
#d2fafb
copy
#51dacf
copy
#41aaa8
copy
#2c003e
copy
CSS Code
Go fullscreen
#f45905
copy
#c70d3a
copy
#512c62
copy
#45969b
copy
CSS Code
Go fullscreen
#283149
copy
#404b69
copy
#00818a
copy
#dbedf3
copy
CSS Code
Go fullscreen
#432160
copy
#ff7a5a
copy
#50e3c2
copy
#fcf4d9
copy
CSS Code
Go fullscreen
#83e4b5
copy
#3ec8ac
copy
#4e90a4
copy
#6e60a0
copy
CSS Code
Go fullscreen
#314357
copy
#456672
copy
#e3b587
copy
#c98c70
copy
CSS Code
Go fullscreen
#3a3a62
copy
#604fdd
copy
#26c6d0
copy
#e6e993
copy
CSS Code
Go fullscreen
#9bf4d5
copy
#29cdb5
copy
#fff3e1
copy
#373331
copy
CSS Code
Go fullscreen
#fac0e1
copy
#caa5f1
copy
#59d4e8
copy
#39bdc8
copy
CSS Code
Go fullscreen
#1c819e
copy
#005542
copy
#ffbe00
copy
#dfdfdf
copy
CSS Code
Go fullscreen
#fffcca
copy
#55e9bc
copy
#11d3bc
copy
#537780
copy
CSS Code
Go fullscreen
#ebefd0
copy
#32dbc6
copy
#49beb7
copy
#ff502f
copy
CSS Code
Go fullscreen
#fa5555
copy
#f7fb76
copy
#8ded8e
copy
#2d7d8f
copy
CSS Code
Go fullscreen
#d7f7f5
copy
#75cac3
copy
#2a6171
copy
#f3d516
copy
CSS Code
Go fullscreen
#f87d09
copy
#f6f6f6
copy
#a7cdcc
copy
#004a55
copy
CSS Code
Go fullscreen
#e4f2f0
copy
#99d8d0
copy
#70416d
copy
#170a19
copy
CSS Code
Go fullscreen
#a21232
copy
#1a1831
copy
#20615b
copy
#dece9c
copy
CSS Code
Go fullscreen
#f3f6f6
copy
#30e3ca
copy
#11999e
copy
#40514e
copy
CSS Code
Go fullscreen
#66bfbf
copy
#eaf6f6
copy
#fcfefe
copy
#f76b8a
copy
CSS Code
Go fullscreen
#faf9f9
copy
#add2c9
copy
#5ea3a3
copy
#488b8f
copy
CSS Code
Go fullscreen
#f7f2c1
copy
#f0ca6d
copy
#48ba95
copy
#403321
copy
CSS Code
Go fullscreen
#3c4245
copy
#5f6769
copy
#719192
copy
#dfcdc3
copy
CSS Code
Go fullscreen
#a8e6cf
copy
#dcedc1
copy
#ffd3b6
copy
#ffaaa5
copy
CSS Code
Go fullscreen
#0c084c
copy
#096386
copy
#00b7a8
copy
#f0eec8
copy
CSS Code
Go fullscreen
#45b7b8
copy
#706381
copy
#2c3848
copy
#f7de1c
copy
CSS Code
Go fullscreen
#ddfee4
copy
#28cc9e
copy
#196b69
copy
#132f2b
copy
CSS Code
Go fullscreen
#ffca61
copy
#ffec85
copy
#f2ffdf
copy
#c9f0d6
copy
CSS Code
Go fullscreen
#ffcc00
copy
#ff6666
copy
#cc0066
copy
#66cccc
copy
CSS Code
Go fullscreen
#78fee0
copy
#4bc2c5
copy
#3b9a9c
copy
#fef4a9
copy
CSS Code
Go fullscreen
#071e3d
copy
#1f4287
copy
#278ea5
copy
#21e6c1
copy
CSS Code
Go fullscreen
#fcfcfc
copy
#83ffe6
copy
#ff5f5f
copy
#2c2c2c
copy
CSS Code
Go fullscreen
#ef6c35
copy
#161c2e
copy
#2bb3c0
copy
#faf7f2
copy
CSS Code
Go fullscreen
#ffe037
copy
#1dcd9f
copy
#088c6f
copy
#23033c
copy
CSS Code
Go fullscreen
#f9f3ec
copy
#63aabc
copy
#ed3833
copy
#60204b
copy
CSS Code
Go fullscreen
#e4f5e5
copy
#a6dfde
copy
#88a6e5
copy
#8d6ec8
copy
CSS Code
Go fullscreen
#feeb97
copy
#4fb783
copy
#409d9b
copy
#034561
copy
CSS Code
Go fullscreen
#fbfbfb
copy
#b9e1dc
copy
#f38181
copy
#756c83
copy
CSS Code
Go fullscreen
#232855
copy
#215b63
copy
#5fcc9c
copy
#aaffc7
copy
CSS Code
Go fullscreen
#e5dfdf
copy
#6ba8a9
copy
#357376
copy
#1d4d4f
copy
CSS Code
Go fullscreen
#eaf887
copy
#79dc96
copy
#3bbbb3
copy
#377aaf
copy
CSS Code
Go fullscreen
#ddf516
copy
#12e2a3
copy
#389168
copy
#0f117a
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.