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
#113f67
copy
#34699a
copy
#408ab4
copy
#65c6c4
copy
CSS Code
Go fullscreen
#f8b500
copy
#ece8d9
copy
#00adb5
copy
#393e46
copy
CSS Code
Go fullscreen
#f5f5f5
copy
#30e3ca
copy
#2f89fc
copy
#40514e
copy
CSS Code
Go fullscreen
#35d0ba
copy
#f8c43a
copy
#c93d1b
copy
#04322e
copy
CSS Code
Go fullscreen
#41646e
copy
#4e7376
copy
#c2be53
copy
#e4e1b0
copy
CSS Code
Go fullscreen
#f78536
copy
#dfebed
copy
#497285
copy
#2b4450
copy
CSS Code
Go fullscreen
#f5e1da
copy
#f1f1f1
copy
#40a798
copy
#476269
copy
CSS Code
Go fullscreen
#dddddd
copy
#113c4a
copy
#265a5c
copy
#3f7b70
copy
CSS Code
Go fullscreen
#6ea7c1
copy
#6b55ae
copy
#e67fa2
copy
#ffefa1
copy
CSS Code
Go fullscreen
#d3f6d1
copy
#a7d7c5
copy
#74b49b
copy
#5c8d89
copy
CSS Code
Go fullscreen
#1b5a7a
copy
#1aa59a
copy
#a6ed8e
copy
#f3ffb9
copy
CSS Code
Go fullscreen
#626eef
copy
#09a8fa
copy
#41c5d3
copy
#fffa9d
copy
CSS Code
Go fullscreen
#f2fcfc
copy
#bdf1f6
copy
#8fbaf3
copy
#0245a3
copy
CSS Code
Go fullscreen
#adf7d1
copy
#95e8d7
copy
#7dace4
copy
#8971d0
copy
CSS Code
Go fullscreen
#4ac6b7
copy
#4f5e7f
copy
#965f8a
copy
#ff7070
copy
CSS Code
Go fullscreen
#0c4762
copy
#51dacf
copy
#9ef5cf
copy
#f4eeee
copy
CSS Code
Go fullscreen
#de7119
copy
#dee3e2
copy
#116979
copy
#18b0b0
copy
CSS Code
Go fullscreen
#5f5dbd
copy
#5e87b8
copy
#83cee0
copy
#a4fbe3
copy
CSS Code
Go fullscreen
#007065
copy
#00a79d
copy
#f5c181
copy
#ffeecf
copy
CSS Code
Go fullscreen
#f4f7f7
copy
#aacfd0
copy
#5da0a2
copy
#34495e
copy
CSS Code
Go fullscreen
#61bbb6
copy
#a1dfff
copy
#ad56cd
copy
#4a3b85
copy
CSS Code
Go fullscreen
#12e6c8
copy
#a287f4
copy
#414141
copy
#000000
copy
CSS Code
Go fullscreen
#d2fafb
copy
#51dacf
copy
#41aaa8
copy
#2c003e
copy
CSS Code
Go fullscreen
#7b99fa
copy
#53cdd8
copy
#96eab7
copy
#f1f3b8
copy
CSS Code
Go fullscreen
#f4f56e
copy
#72e8e1
copy
#58b3d3
copy
#418c9f
copy
CSS Code
Go fullscreen
#7a81eb
copy
#504aa7
copy
#253361
copy
#599597
copy
CSS Code
Go fullscreen
#2794eb
copy
#bff8d4
copy
#47d6b6
copy
#17b3c1
copy
CSS Code
Go fullscreen
#cefff1
copy
#ace7ef
copy
#a6acec
copy
#a56cc1
copy
CSS Code
Go fullscreen
#45b7b8
copy
#706381
copy
#2c3848
copy
#f7de1c
copy
CSS Code
Go fullscreen
#fffb97
copy
#97ffcf
copy
#2fe1d6
copy
#38c6bd
copy
CSS Code
Go fullscreen
#eaec96
copy
#43c0ac
copy
#a93199
copy
#fa0559
copy
CSS Code
Go fullscreen
#f4eec0
copy
#aed09e
copy
#61b292
copy
#7e6752
copy
CSS Code
Go fullscreen
#beebe9
copy
#fffdf9
copy
#ffe3ed
copy
#8ac6d1
copy
CSS Code
Go fullscreen
#3e3e3e
copy
#405559
copy
#68868c
copy
#ededed
copy
CSS Code
Go fullscreen
#438a70
copy
#52ceba
copy
#8affb4
copy
#eaff81
copy
CSS Code
Go fullscreen
#d8fff1
copy
#78e4d4
copy
#b485d8
copy
#5b73a7
copy
CSS Code
Go fullscreen
#ffb6b9
copy
#fae3d9
copy
#bbded6
copy
#61c0bf
copy
CSS Code
Go fullscreen
#f2ffdf
copy
#b1f1b2
copy
#1e757b
copy
#424d69
copy
CSS Code
Go fullscreen
#83e4b5
copy
#3ec8ac
copy
#4e90a4
copy
#6e60a0
copy
CSS Code
Go fullscreen
#61d4b3
copy
#fdd365
copy
#fb8d62
copy
#fd2eb3
copy
CSS Code
Go fullscreen
#f3ff92
copy
#f6ce59
copy
#2e8fc6
copy
#56cfd2
copy
CSS Code
Go fullscreen
#d7ffdf
copy
#ace6c0
copy
#77b5a6
copy
#9d4545
copy
CSS Code
Go fullscreen
#384259
copy
#f73859
copy
#7ac7c4
copy
#c4edde
copy
CSS Code
Go fullscreen
#4ae3b5
copy
#eeeeee
copy
#2a5d67
copy
#171332
copy
CSS Code
Go fullscreen
#f6f6d9
copy
#47e4e0
copy
#5f81e4
copy
#f67ff5
copy
CSS Code
Go fullscreen
#fac0e1
copy
#caa5f1
copy
#59d4e8
copy
#39bdc8
copy
CSS Code
Go fullscreen
#89fad0
copy
#4ec9e1
copy
#6796e5
copy
#228291
copy
CSS Code
Go fullscreen
#8ef6e4
copy
#9896f1
copy
#d59bf6
copy
#edb1f1
copy
CSS Code
Go fullscreen
#0d7685
copy
#084d68
copy
#69c181
copy
#ccf186
copy
CSS Code
Go fullscreen
#27e1ce
copy
#efffb7
copy
#d6ec78
copy
#ff98da
copy
CSS Code
Go fullscreen
#4d12ee
copy
#2f24c1
copy
#3fd1cb
copy
#f8f6f6
copy
CSS Code
Go fullscreen
#48466d
copy
#3d84a8
copy
#46cdcf
copy
#abedd8
copy
CSS Code
Go fullscreen
#e0fffb
copy
#29cdb5
copy
#008698
copy
#f39c9c
copy
CSS Code
Go fullscreen
#1d2323
copy
#5c848e
copy
#decdc3
copy
#e0e0ec
copy
CSS Code
Go fullscreen
#07588a
copy
#6ac1b8
copy
#bfe9db
copy
#e1f6f4
copy
CSS Code
Go fullscreen
#abedd8
copy
#46cdcf
copy
#0081c6
copy
#48466d
copy
CSS Code
Go fullscreen
#45eba5
copy
#21aba5
copy
#1d566e
copy
#163a5f
copy
CSS Code
Go fullscreen
#d5ab9c
copy
#e6e696
copy
#7bc0a3
copy
#54878f
copy
CSS Code
Go fullscreen
#3c4245
copy
#5f6769
copy
#719192
copy
#dfcdc3
copy
CSS Code
Go fullscreen
#faf8f8
copy
#17ead9
copy
#6078ea
copy
#4b4848
copy
CSS Code
Go fullscreen
#ecf4f3
copy
#d1eecc
copy
#76dbd1
copy
#57a99a
copy
CSS Code
Go fullscreen
#f75940
copy
#334252
copy
#364857
copy
#3dc7be
copy
CSS Code
Go fullscreen
#ecfeff
copy
#00b7c2
copy
#128494
copy
#4ef037
copy
CSS Code
Go fullscreen
#90f6d7
copy
#35bcbf
copy
#41506b
copy
#263849
copy
CSS Code
Go fullscreen
#f2f4f6
copy
#1ee3cf
copy
#6b48ff
copy
#0d3f67
copy
CSS Code
Go fullscreen
#362999
copy
#4262c5
copy
#44aec2
copy
#93efed
copy
CSS Code
Go fullscreen
#fab95b
copy
#71a0a5
copy
#665c84
copy
#212121
copy
CSS Code
Go fullscreen
#020438
copy
#284184
copy
#1f8ea3
copy
#00eaff
copy
CSS Code
Go fullscreen
#e4eddb
copy
#307672
copy
#144d53
copy
#1a3c40
copy
CSS Code
Go fullscreen
#fbe0d8
copy
#4d727e
copy
#283644
copy
#7a6552
copy
CSS Code
Go fullscreen
#2c2828
copy
#3b2c85
copy
#219897
copy
#85cfcb
copy
CSS Code
Go fullscreen
#ebbf58
copy
#769353
copy
#3d655d
copy
#33484d
copy
CSS Code
Go fullscreen
#e5dfdf
copy
#6ba8a9
copy
#357376
copy
#1d4d4f
copy
CSS Code
Go fullscreen
#3b939b
copy
#2f8189
copy
#91f3fc
copy
#c9fbff
copy
CSS Code
Go fullscreen
#295e62
copy
#1c4648
copy
#d5d46f
copy
#dff09d
copy
CSS Code
Go fullscreen
#51eaea
copy
#ffdbc5
copy
#ff9d76
copy
#ef4339
copy
CSS Code
Go fullscreen
#152744
copy
#367591
copy
#61d2b4
copy
#9dfdc7
copy
CSS Code
Go fullscreen
#f8d5f0
copy
#58d5d3
copy
#41a4c3
copy
#3f4b83
copy
CSS Code
Go fullscreen
#1a2f4b
copy
#28475c
copy
#2f8886
copy
#84c69b
copy
CSS Code
Go fullscreen
#f7e74a
copy
#09c6ab
copy
#068888
copy
#02556d
copy
CSS Code
Go fullscreen
#155e63
copy
#76b39d
copy
#f9f8eb
copy
#eae7e7
copy
CSS Code
Go fullscreen
#055049
copy
#faf35e
copy
#069a8e
copy
#a1e3d8
copy
CSS Code
Go fullscreen
#414a50
copy
#85a6b1
copy
#8bd7d1
copy
#caedde
copy
CSS Code
Go fullscreen
#9bf4d5
copy
#29cdb5
copy
#fff3e1
copy
#373331
copy
CSS Code
Go fullscreen
#5ba19b
copy
#fceaea
copy
#f5d9d9
copy
#fbead1
copy
CSS Code
Go fullscreen
#f8f5e4
copy
#f97300
copy
#0e3047
copy
#10828c
copy
CSS Code
Go fullscreen
#ffd3de
copy
#f6b8d1
copy
#5dc0a6
copy
#3f8f8d
copy
CSS Code
Go fullscreen
#73f7dd
copy
#2cc4cb
copy
#1972a4
copy
#2e3a87
copy
CSS Code
Go fullscreen
#535238
copy
#4bbb8b
copy
#6ddabe
copy
#c9ffc7
copy
CSS Code
Go fullscreen
#ddf516
copy
#12e2a3
copy
#389168
copy
#0f117a
copy
CSS Code
Go fullscreen
#f9fbfc
copy
#a0dbdb
copy
#56a7a7
copy
#fcea90
copy
CSS Code
Go fullscreen
#068b78
copy
#9ed79a
copy
#f2ff97
copy
#ffcf5e
copy
CSS Code
Go fullscreen
#f35588
copy
#05dfd7
copy
#a3f7bf
copy
#fff591
copy
CSS Code
Go fullscreen
#58828b
copy
#5e9387
copy
#c8e29d
copy
#f2f299
copy
CSS Code
Go fullscreen
#feffdf
copy
#dde0ab
copy
#97cba9
copy
#668ba4
copy
CSS Code
Go fullscreen
#283149
copy
#404b69
copy
#00818a
copy
#dbedf3
copy
CSS Code
Go fullscreen
#f1684e
copy
#85c8dd
copy
#d3e0e2
copy
#e9f6f5
copy
CSS Code
Go fullscreen
#ff6473
copy
#757882
copy
#5cc1b3
copy
#6ef7c8
copy
CSS Code
Go fullscreen
#fcffc1
copy
#9bf4d5
copy
#1dad9b
copy
#346357
copy
CSS Code
Go fullscreen
#73dbc4
copy
#faf7e6
copy
#ff008b
copy
#fff8a1
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.