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
#83afa6
copy
#58727f
copy
#e5e5e5
copy
#d3a284
copy
CSS Code
Go fullscreen
#f4f4ec
copy
#76e2f4
copy
#615dec
copy
#301781
copy
CSS Code
Go fullscreen
#07588a
copy
#6ac1b8
copy
#bfe9db
copy
#e1f6f4
copy
CSS Code
Go fullscreen
#0278ae
copy
#51dacf
copy
#9ef5cf
copy
#e8ffc1
copy
CSS Code
Go fullscreen
#f6c667
copy
#b30753
copy
#280f34
copy
#bff4ed
copy
CSS Code
Go fullscreen
#a6e4e7
copy
#f9f9f9
copy
#ebcbae
copy
#8f8787
copy
CSS Code
Go fullscreen
#5eb7b7
copy
#96d1c7
copy
#fc7978
copy
#ffafb0
copy
CSS Code
Go fullscreen
#cdffeb
copy
#009f9d
copy
#07456f
copy
#0f0a3c
copy
CSS Code
Go fullscreen
#f1f4f6
copy
#5ac8d8
copy
#597fca
copy
#2552ac
copy
CSS Code
Go fullscreen
#d2fafb
copy
#51dacf
copy
#41aaa8
copy
#2c003e
copy
CSS Code
Go fullscreen
#1f3a52
copy
#41a186
copy
#8cca6e
copy
#d3f689
copy
CSS Code
Go fullscreen
#1fe5bd
copy
#41a7b3
copy
#5e227f
copy
#d22780
copy
CSS Code
Go fullscreen
#cefff1
copy
#ace7ef
copy
#a6acec
copy
#a56cc1
copy
CSS Code
Go fullscreen
#513c3c
copy
#2a769a
copy
#41c3be
copy
#f7f36b
copy
CSS Code
Go fullscreen
#27323a
copy
#435055
copy
#29a19c
copy
#a3f7bf
copy
CSS Code
Go fullscreen
#303841
copy
#3a4750
copy
#00adb5
copy
#eeeeee
copy
CSS Code
Go fullscreen
#d5ab9c
copy
#e6e696
copy
#7bc0a3
copy
#54878f
copy
CSS Code
Go fullscreen
#2b1f31
copy
#413d65
copy
#5fb9b0
copy
#bef992
copy
CSS Code
Go fullscreen
#fffb97
copy
#97ffcf
copy
#2fe1d6
copy
#38c6bd
copy
CSS Code
Go fullscreen
#283149
copy
#404b69
copy
#00818a
copy
#dbedf3
copy
CSS Code
Go fullscreen
#3d6271
copy
#3d899c
copy
#45a298
copy
#d8f8b7
copy
CSS Code
Go fullscreen
#4ac6b7
copy
#4f5e7f
copy
#965f8a
copy
#ff7070
copy
CSS Code
Go fullscreen
#155674
copy
#60beb3
copy
#79f8bb
copy
#f5ffae
copy
CSS Code
Go fullscreen
#de5b7b
copy
#eccfd1
copy
#f0e3c4
copy
#98ded3
copy
CSS Code
Go fullscreen
#fdfdc4
copy
#ffe8cf
copy
#ffdede
copy
#ccffec
copy
CSS Code
Go fullscreen
#006c9a
copy
#00bebe
copy
#00f3e4
copy
#9ff9c1
copy
CSS Code
Go fullscreen
#d68438
copy
#f1b24b
copy
#36846b
copy
#4bb39a
copy
CSS Code
Go fullscreen
#f3f6f6
copy
#30e3ca
copy
#11999e
copy
#40514e
copy
CSS Code
Go fullscreen
#bbe9db
copy
#aeccc6
copy
#9ba6a5
copy
#757a79
copy
CSS Code
Go fullscreen
#5ba19b
copy
#fceaea
copy
#f5d9d9
copy
#fbead1
copy
CSS Code
Go fullscreen
#00a8b5
copy
#774898
copy
#de4383
copy
#f3ae4b
copy
CSS Code
Go fullscreen
#f6f5f5
copy
#e9e4e6
copy
#3bb4c1
copy
#048998
copy
CSS Code
Go fullscreen
#003459
copy
#028090
copy
#02c39a
copy
#fce38a
copy
CSS Code
Go fullscreen
#70d4b4
copy
#ffebb7
copy
#bbbbbb
copy
#aaaaaa
copy
CSS Code
Go fullscreen
#432160
copy
#ff7a5a
copy
#50e3c2
copy
#fcf4d9
copy
CSS Code
Go fullscreen
#ff5335
copy
#dfe0d4
copy
#3e92a3
copy
#353940
copy
CSS Code
Go fullscreen
#ff395e
copy
#8fecc8
copy
#6f6f6f
copy
#4a4a4a
copy
CSS Code
Go fullscreen
#248888
copy
#e6e6e6
copy
#e7475e
copy
#f0d879
copy
CSS Code
Go fullscreen
#bae5d5
copy
#d7acd4
copy
#eec2c2
copy
#f2f2b0
copy
CSS Code
Go fullscreen
#f0cf85
copy
#e7f0c3
copy
#a4d4ae
copy
#32afa9
copy
CSS Code
Go fullscreen
#95efce
copy
#2ea1d9
copy
#395ea6
copy
#3e467f
copy
CSS Code
Go fullscreen
#00649f
copy
#01aac1
copy
#00dbe7
copy
#97ecc5
copy
CSS Code
Go fullscreen
#29d2e4
copy
#13829b
copy
#fcc29a
copy
#fde9c9
copy
CSS Code
Go fullscreen
#f4eec0
copy
#aed09e
copy
#61b292
copy
#7e6752
copy
CSS Code
Go fullscreen
#0d7e83
copy
#13293d
copy
#ffaf87
copy
#eef0f2
copy
CSS Code
Go fullscreen
#243d44
copy
#167a8b
copy
#2dea8f
copy
#24b273
copy
CSS Code
Go fullscreen
#0eb29a
copy
#f5fdff
copy
#ddf0c2
copy
#8c999a
copy
CSS Code
Go fullscreen
#feeb97
copy
#4fb783
copy
#409d9b
copy
#034561
copy
CSS Code
Go fullscreen
#055049
copy
#069a8e
copy
#a1e3d8
copy
#f5f093
copy
CSS Code
Go fullscreen
#f0bebe
copy
#5ea3a6
copy
#3a718c
copy
#ffffdf
copy
CSS Code
Go fullscreen
#114b5f
copy
#1a936f
copy
#88d498
copy
#f3e9d2
copy
CSS Code
Go fullscreen
#3b939b
copy
#2f8189
copy
#91f3fc
copy
#c9fbff
copy
CSS Code
Go fullscreen
#425e92
copy
#0c81f6
copy
#5fe1d9
copy
#f7fad1
copy
CSS Code
Go fullscreen
#ebefd0
copy
#32dbc6
copy
#49beb7
copy
#ff502f
copy
CSS Code
Go fullscreen
#222831
copy
#393e46
copy
#29a19c
copy
#a3f7bf
copy
CSS Code
Go fullscreen
#beebe9
copy
#fffdf9
copy
#ffe3ed
copy
#8ac6d1
copy
CSS Code
Go fullscreen
#3b5441
copy
#83e85a
copy
#2cb978
copy
#107a8b
copy
CSS Code
Go fullscreen
#f9fbfc
copy
#a0dbdb
copy
#56a7a7
copy
#fcea90
copy
CSS Code
Go fullscreen
#1b3c68
copy
#0074e4
copy
#00b8c0
copy
#e9ffb2
copy
CSS Code
Go fullscreen
#015668
copy
#06648c
copy
#0f81c7
copy
#0de2ea
copy
CSS Code
Go fullscreen
#f6efb4
copy
#35c2bd
copy
#2796cb
copy
#3379e4
copy
CSS Code
Go fullscreen
#04879c
copy
#0c3c78
copy
#090030
copy
#f30a49
copy
CSS Code
Go fullscreen
#abedd8
copy
#46cdcf
copy
#0081c6
copy
#48466d
copy
CSS Code
Go fullscreen
#4ae3b5
copy
#eeeeee
copy
#2a5d67
copy
#171332
copy
CSS Code
Go fullscreen
#65587f
copy
#f18867
copy
#e85f99
copy
#50bda1
copy
CSS Code
Go fullscreen
#73f7dd
copy
#2cc4cb
copy
#1972a4
copy
#2e3a87
copy
CSS Code
Go fullscreen
#ebebeb
copy
#fec100
copy
#528078
copy
#3e615b
copy
CSS Code
Go fullscreen
#46185f
copy
#297ca0
copy
#bbbbbb
copy
#e9ea77
copy
CSS Code
Go fullscreen
#1b3c59
copy
#456173
copy
#11bfae
copy
#f2f2f0
copy
CSS Code
Go fullscreen
#adccc7
copy
#144c52
copy
#053220
copy
#d34c26
copy
CSS Code
Go fullscreen
#283739
copy
#2c5d63
copy
#a2c11c
copy
#e0e0e0
copy
CSS Code
Go fullscreen
#616eef
copy
#09a8fa
copy
#41c5d3
copy
#d0f1cf
copy
CSS Code
Go fullscreen
#6b62ce
copy
#372e96
copy
#2f99ad
copy
#84efe2
copy
CSS Code
Go fullscreen
#4cb3cd
copy
#52d6d3
copy
#5968b1
copy
#302579
copy
CSS Code
Go fullscreen
#c7f2e3
copy
#9ed9c5
copy
#eeddd2
copy
#b73535
copy
CSS Code
Go fullscreen
#e1f5f2
copy
#6bc5d2
copy
#5a5d9d
copy
#390050
copy
CSS Code
Go fullscreen
#ffe037
copy
#1dcd9f
copy
#088c6f
copy
#23033c
copy
CSS Code
Go fullscreen
#47e4bb
copy
#ec9b3b
copy
#e8647c
copy
#000000
copy
CSS Code
Go fullscreen
#f9f8eb
copy
#76b39d
copy
#155263
copy
#f0b917
copy
CSS Code
Go fullscreen
#20716a
copy
#23a393
copy
#ffc0c2
copy
#f7e9e3
copy
CSS Code
Go fullscreen
#9a60c1
copy
#ac92fa
copy
#96ebf0
copy
#48c3be
copy
CSS Code
Go fullscreen
#4b2c34
copy
#447878
copy
#779977
copy
#ddddbb
copy
CSS Code
Go fullscreen
#41646e
copy
#4e7376
copy
#c2be53
copy
#e4e1b0
copy
CSS Code
Go fullscreen
#422b72
copy
#266d98
copy
#3cb29a
copy
#c4f080
copy
CSS Code
Go fullscreen
#7fa998
copy
#f1f1b0
copy
#df8543
copy
#9d2503
copy
CSS Code
Go fullscreen
#48466d
copy
#3d84a8
copy
#46cdcf
copy
#abedd8
copy
CSS Code
Go fullscreen
#003545
copy
#00454a
copy
#3c6562
copy
#ed6363
copy
CSS Code
Go fullscreen
#232931
copy
#393e46
copy
#4ecca3
copy
#eeeeee
copy
CSS Code
Go fullscreen
#331940
copy
#5e366a
copy
#0cca98
copy
#00ffcc
copy
CSS Code
Go fullscreen
#ecfffb
copy
#b4f1f1
copy
#2d767f
copy
#1e6262
copy
CSS Code
Go fullscreen
#0c084c
copy
#096386
copy
#00b7a8
copy
#f0eec8
copy
CSS Code
Go fullscreen
#d4ffa3
copy
#00d8b1
copy
#1f9ec7
copy
#3f7a9c
copy
CSS Code
Go fullscreen
#fa163f
copy
#12cad6
copy
#0fabbc
copy
#e4f9ff
copy
CSS Code
Go fullscreen
#293462
copy
#216583
copy
#00818a
copy
#f7be16
copy
CSS Code
Go fullscreen
#283739
copy
#2c5d63
copy
#a9c52f
copy
#f7eebb
copy
CSS Code
Go fullscreen
#ecffc9
copy
#64fed6
copy
#82a6ee
copy
#7871bf
copy
CSS Code
Go fullscreen
#f78536
copy
#dfebed
copy
#497285
copy
#2b4450
copy
CSS Code
Go fullscreen
#65ead1
copy
#f469a9
copy
#ff917b
copy
#fcffc1
copy
CSS Code
Go fullscreen
#f3ecc8
copy
#78c2c3
copy
#3f6699
copy
#0d1b4c
copy
CSS Code
Go fullscreen
#ecf4f3
copy
#76dbd1
copy
#57a99a
copy
#555151
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.