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
#fbfbfb
copy
#b9e1dc
copy
#f38181
copy
#756c83
copy
CSS Code
Go fullscreen
#003545
copy
#00454a
copy
#3c6562
copy
#ed6363
copy
CSS Code
Go fullscreen
#000000
copy
#1a8b9d
copy
#b2d430
copy
#fff5f5
copy
CSS Code
Go fullscreen
#f1efe9
copy
#beceb0
copy
#34857f
copy
#b0a48a
copy
CSS Code
Go fullscreen
#ff9234
copy
#ffcd3c
copy
#fefed5
copy
#35d0ba
copy
CSS Code
Go fullscreen
#feff9f
copy
#78dec9
copy
#2a6f7f
copy
#0e2033
copy
CSS Code
Go fullscreen
#f5e1da
copy
#f1f1f1
copy
#40a798
copy
#476269
copy
CSS Code
Go fullscreen
#d7ffdf
copy
#ace6c0
copy
#77b5a6
copy
#9d4545
copy
CSS Code
Go fullscreen
#c1e8da
copy
#c96868
copy
#5e4949
copy
#866770
copy
CSS Code
Go fullscreen
#49493c
copy
#9fa180
copy
#f2f77f
copy
#6ebaa7
copy
CSS Code
Go fullscreen
#fffbaf
copy
#ff5656
copy
#cd0a0a
copy
#42cfc4
copy
CSS Code
Go fullscreen
#fbffa8
copy
#74dac6
copy
#20c1bd
copy
#33354a
copy
CSS Code
Go fullscreen
#f7f2c1
copy
#f0ca6d
copy
#48ba95
copy
#403321
copy
CSS Code
Go fullscreen
#3b939b
copy
#2f8189
copy
#91f3fc
copy
#c9fbff
copy
CSS Code
Go fullscreen
#f4f4f4
copy
#65eeb7
copy
#ff5722
copy
#474744
copy
CSS Code
Go fullscreen
#f6f6f6
copy
#bdf2d5
copy
#7ad9f5
copy
#5d13e7
copy
CSS Code
Go fullscreen
#283149
copy
#404b69
copy
#00818a
copy
#dbedf3
copy
CSS Code
Go fullscreen
#ff6473
copy
#757882
copy
#5cc1b3
copy
#6ef7c8
copy
CSS Code
Go fullscreen
#e95280
copy
#23b1a5
copy
#ffdd7e
copy
#f3f3f3
copy
CSS Code
Go fullscreen
#ecf0f1
copy
#33cccc
copy
#2980b9
copy
#2c3e50
copy
CSS Code
Go fullscreen
#2794eb
copy
#bff8d4
copy
#47d6b6
copy
#17b3c1
copy
CSS Code
Go fullscreen
#e7f5f2
copy
#f9c7cf
copy
#12776f
copy
#0f4137
copy
CSS Code
Go fullscreen
#f9f3ec
copy
#63aabc
copy
#ed3833
copy
#60204b
copy
CSS Code
Go fullscreen
#00a8b5
copy
#774898
copy
#de4383
copy
#f3ae4b
copy
CSS Code
Go fullscreen
#7eb19f
copy
#0c8282
copy
#ef9037
copy
#edddbd
copy
CSS Code
Go fullscreen
#f45905
copy
#c70d3a
copy
#512c62
copy
#45969b
copy
CSS Code
Go fullscreen
#2bcdc1
copy
#38817a
copy
#393e46
copy
#f66095
copy
CSS Code
Go fullscreen
#a8e6cf
copy
#dcedc1
copy
#ffd3b6
copy
#ffaaa5
copy
CSS Code
Go fullscreen
#1333a6
copy
#317ae1
copy
#1fdedb
copy
#fffcbf
copy
CSS Code
Go fullscreen
#feeb97
copy
#4fb783
copy
#409d9b
copy
#034561
copy
CSS Code
Go fullscreen
#5f5dbd
copy
#5e87b8
copy
#83cee0
copy
#a4fbe3
copy
CSS Code
Go fullscreen
#3d065a
copy
#b51a62
copy
#70d4b4
copy
#ddddc7
copy
CSS Code
Go fullscreen
#7fe7cc
copy
#dfe38e
copy
#efca8c
copy
#f17e7e
copy
CSS Code
Go fullscreen
#f1fafb
copy
#a0e4f1
copy
#9dc6ff
copy
#4993fa
copy
CSS Code
Go fullscreen
#ffa900
copy
#9d8221
copy
#014441
copy
#01252a
copy
CSS Code
Go fullscreen
#36d1c4
copy
#a0eecc
copy
#fff2be
copy
#f6318c
copy
CSS Code
Go fullscreen
#068b78
copy
#9ed79a
copy
#f2ff97
copy
#ffcf5e
copy
CSS Code
Go fullscreen
#33313b
copy
#4592af
copy
#e3c4a8
copy
#f6f5f5
copy
CSS Code
Go fullscreen
#e0fffb
copy
#29cdb5
copy
#008698
copy
#f39c9c
copy
CSS Code
Go fullscreen
#7a81eb
copy
#504aa7
copy
#253361
copy
#599597
copy
CSS Code
Go fullscreen
#ebfffa
copy
#c6fce5
copy
#6ef3d6
copy
#0dceda
copy
CSS Code
Go fullscreen
#e1f5f2
copy
#6bc5d2
copy
#5a5d9d
copy
#390050
copy
CSS Code
Go fullscreen
#222222
copy
#045757
copy
#044343
copy
#e4e4e4
copy
CSS Code
Go fullscreen
#f6f6d9
copy
#47e4e0
copy
#5f81e4
copy
#f67ff5
copy
CSS Code
Go fullscreen
#11cbd7
copy
#9feed1
copy
#fff6a2
copy
#f60c86
copy
CSS Code
Go fullscreen
#90f6d7
copy
#35bcbf
copy
#41506b
copy
#263849
copy
CSS Code
Go fullscreen
#ffeaa5
copy
#226b80
copy
#40a798
copy
#ffebd3
copy
CSS Code
Go fullscreen
#54777d
copy
#eadb9d
copy
#feffe4
copy
#e7e3c5
copy
CSS Code
Go fullscreen
#f7f4ea
copy
#9ce3cf
copy
#6a7ff5
copy
#574b9b
copy
CSS Code
Go fullscreen
#fab95b
copy
#71a0a5
copy
#665c84
copy
#212121
copy
CSS Code
Go fullscreen
#05dfd7
copy
#ec7373
copy
#d8b5b5
copy
#ffe196
copy
CSS Code
Go fullscreen
#331940
copy
#5e366a
copy
#0cca98
copy
#00ffcc
copy
CSS Code
Go fullscreen
#2c2828
copy
#3b2c85
copy
#219897
copy
#85cfcb
copy
CSS Code
Go fullscreen
#071e3d
copy
#1f4287
copy
#278ea5
copy
#21e6c1
copy
CSS Code
Go fullscreen
#29d2e4
copy
#13829b
copy
#fcc29a
copy
#fde9c9
copy
CSS Code
Go fullscreen
#d2fafb
copy
#51dacf
copy
#41aaa8
copy
#2c003e
copy
CSS Code
Go fullscreen
#d3f6d1
copy
#a7d7c5
copy
#74b49b
copy
#5c8d89
copy
CSS Code
Go fullscreen
#003459
copy
#028090
copy
#02c39a
copy
#fce38a
copy
CSS Code
Go fullscreen
#567582
copy
#464d5c
copy
#f7dda4
copy
#b89068
copy
CSS Code
Go fullscreen
#dddddd
copy
#113c4a
copy
#265a5c
copy
#3f7b70
copy
CSS Code
Go fullscreen
#394a6d
copy
#3c9d9b
copy
#52de97
copy
#c0ffb3
copy
CSS Code
Go fullscreen
#3d6271
copy
#3d899c
copy
#45a298
copy
#d8f8b7
copy
CSS Code
Go fullscreen
#adf7d1
copy
#95e8d7
copy
#7dace4
copy
#8971d0
copy
CSS Code
Go fullscreen
#f0134d
copy
#ff6f5e
copy
#f5f0e3
copy
#40bfc1
copy
CSS Code
Go fullscreen
#764f51
copy
#7fc5ca
copy
#9fe6dc
copy
#cfffff
copy
CSS Code
Go fullscreen
#2b1f31
copy
#413d65
copy
#5fb9b0
copy
#bef992
copy
CSS Code
Go fullscreen
#cefff1
copy
#ace7ef
copy
#a6acec
copy
#a56cc1
copy
CSS Code
Go fullscreen
#f76262
copy
#216583
copy
#65c0ba
copy
#cffdf8
copy
CSS Code
Go fullscreen
#ddfee4
copy
#28cc9e
copy
#196b69
copy
#132f2b
copy
CSS Code
Go fullscreen
#626eef
copy
#09a8fa
copy
#41c5d3
copy
#fffa9d
copy
CSS Code
Go fullscreen
#f6efb4
copy
#35c2bd
copy
#2796cb
copy
#3379e4
copy
CSS Code
Go fullscreen
#fff395
copy
#7459dc
copy
#41b3ff
copy
#63f5ef
copy
CSS Code
Go fullscreen
#f5e1da
copy
#f1f1f1
copy
#40a798
copy
#476268
copy
CSS Code
Go fullscreen
#e4eddb
copy
#307672
copy
#144d53
copy
#1a3c40
copy
CSS Code
Go fullscreen
#04879c
copy
#0c3c78
copy
#090030
copy
#f30a49
copy
CSS Code
Go fullscreen
#113f67
copy
#34699a
copy
#408ab4
copy
#65c6c4
copy
CSS Code
Go fullscreen
#bef2eb
copy
#6dc995
copy
#3a91aa
copy
#6b4897
copy
CSS Code
Go fullscreen
#de7119
copy
#dee3e2
copy
#116979
copy
#18b0b0
copy
CSS Code
Go fullscreen
#d5ab9c
copy
#e6e696
copy
#7bc0a3
copy
#54878f
copy
CSS Code
Go fullscreen
#48829e
copy
#51dacf
copy
#9ef5cf
copy
#e8ffb1
copy
CSS Code
Go fullscreen
#f8f8f8
copy
#50b6bb
copy
#45969b
copy
#f96d15
copy
CSS Code
Go fullscreen
#1fffff
copy
#fffde1
copy
#ff9d76
copy
#ff4273
copy
CSS Code
Go fullscreen
#222831
copy
#393e46
copy
#29a19c
copy
#a3f7bf
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
#28615b
copy
#e4f6f6
copy
#ccccea
copy
#c089f8
copy
CSS Code
Go fullscreen
#d4ffa3
copy
#00d8b1
copy
#1f9ec7
copy
#3f7a9c
copy
CSS Code
Go fullscreen
#0c084c
copy
#096386
copy
#00b7a8
copy
#f0eec8
copy
CSS Code
Go fullscreen
#f4f7f7
copy
#79a8a9
copy
#4d727e
copy
#1f4e5f
copy
CSS Code
Go fullscreen
#085f63
copy
#49beb7
copy
#facf5a
copy
#ff5959
copy
CSS Code
Go fullscreen
#1d7d81
copy
#213458
copy
#887575
copy
#f6e8e8
copy
CSS Code
Go fullscreen
#66bfbf
copy
#eaf6f6
copy
#fcfefe
copy
#f76b8a
copy
CSS Code
Go fullscreen
#432c51
copy
#535474
copy
#54a4af
copy
#ecbc55
copy
CSS Code
Go fullscreen
#5f1854
copy
#8b104e
copy
#1abb9c
copy
#f7f7f7
copy
CSS Code
Go fullscreen
#1d0251
copy
#019081
copy
#74cc7e
copy
#d2eba7
copy
CSS Code
Go fullscreen
#4d12ee
copy
#2f24c1
copy
#3fd1cb
copy
#f8f6f6
copy
CSS Code
Go fullscreen
#11cbd7
copy
#c6f1e7
copy
#f0fff3
copy
#fa4659
copy
CSS Code
Go fullscreen
#616eef
copy
#09a8fa
copy
#41c5d3
copy
#d0f1cf
copy
CSS Code
Go fullscreen
#cff800
copy
#feff92
copy
#0fefbd
copy
#7899dc
copy
CSS Code
Go fullscreen
#364f6b
copy
#3fc1c9
copy
#f5f5f5
copy
#fc5185
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.