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
#ebbf58
copy
#769353
copy
#3d655d
copy
#33484d
copy
CSS Code
Go fullscreen
#abedd8
copy
#46cdcf
copy
#0081c6
copy
#48466d
copy
CSS Code
Go fullscreen
#2794eb
copy
#bff8d4
copy
#47d6b6
copy
#17b3c1
copy
CSS Code
Go fullscreen
#764f51
copy
#7fc5ca
copy
#9fe6dc
copy
#cfffff
copy
CSS Code
Go fullscreen
#0d7e83
copy
#13293d
copy
#ffaf87
copy
#eef0f2
copy
CSS Code
Go fullscreen
#f5e1da
copy
#f1f1f1
copy
#40a798
copy
#476269
copy
CSS Code
Go fullscreen
#1d2323
copy
#5c848e
copy
#decdc3
copy
#e0e0ec
copy
CSS Code
Go fullscreen
#fbfbfb
copy
#b9e1dc
copy
#f38181
copy
#756c83
copy
CSS Code
Go fullscreen
#512c96
copy
#3c6f9c
copy
#dd6892
copy
#f9c6ba
copy
CSS Code
Go fullscreen
#61bbb6
copy
#a1dfff
copy
#ad56cd
copy
#4a3b85
copy
CSS Code
Go fullscreen
#293462
copy
#216583
copy
#00818a
copy
#f7be16
copy
CSS Code
Go fullscreen
#1c226b
copy
#3e31ae
copy
#4aa9af
copy
#d1fffa
copy
CSS Code
Go fullscreen
#106ee8
copy
#0fc1a1
copy
#90e0ab
copy
#cbffce
copy
CSS Code
Go fullscreen
#ff6473
copy
#757882
copy
#5cc1b3
copy
#6ef7c8
copy
CSS Code
Go fullscreen
#2b1f31
copy
#413d65
copy
#5fb9b0
copy
#bef992
copy
CSS Code
Go fullscreen
#ebebeb
copy
#fec100
copy
#528078
copy
#3e615b
copy
CSS Code
Go fullscreen
#65587f
copy
#f18867
copy
#e85f99
copy
#50bda1
copy
CSS Code
Go fullscreen
#73dbc4
copy
#faf7e6
copy
#ff008b
copy
#fff8a1
copy
CSS Code
Go fullscreen
#3e3838
copy
#ae7c7c
copy
#6cbbb3
copy
#efe784
copy
CSS Code
Go fullscreen
#fcfcfc
copy
#83ffe6
copy
#ff5f5f
copy
#2c2c2c
copy
CSS Code
Go fullscreen
#35013f
copy
#b643cd
copy
#ff5da2
copy
#99ddcc
copy
CSS Code
Go fullscreen
#f5e1da
copy
#f1f1f1
copy
#49beb7
copy
#085f63
copy
CSS Code
Go fullscreen
#b1e9a3
copy
#7ac38f
copy
#88e0d0
copy
#c7eeff
copy
CSS Code
Go fullscreen
#45eba5
copy
#21aba5
copy
#1d566e
copy
#163a5f
copy
CSS Code
Go fullscreen
#a8e6cf
copy
#dcedc1
copy
#ffd3b6
copy
#ffaaa5
copy
CSS Code
Go fullscreen
#f3f6f6
copy
#90eee1
copy
#55b3f3
copy
#6356e5
copy
CSS Code
Go fullscreen
#e5dfdf
copy
#6ba8a9
copy
#357376
copy
#1d4d4f
copy
CSS Code
Go fullscreen
#37b7b5
copy
#a0e4e0
copy
#c7f6f5
copy
#f6b132
copy
CSS Code
Go fullscreen
#ecfeff
copy
#00b7c2
copy
#128494
copy
#4ef037
copy
CSS Code
Go fullscreen
#e95280
copy
#23b1a5
copy
#ffdd7e
copy
#f3f3f3
copy
CSS Code
Go fullscreen
#3a3a62
copy
#604fdd
copy
#26c6d0
copy
#e6e993
copy
CSS Code
Go fullscreen
#fff78f
copy
#22b9ca
copy
#0c99c1
copy
#f30cd4
copy
CSS Code
Go fullscreen
#f5e1da
copy
#f1f1f1
copy
#40a798
copy
#476268
copy
CSS Code
Go fullscreen
#fa163f
copy
#12cad6
copy
#0fabbc
copy
#e4f9ff
copy
CSS Code
Go fullscreen
#4ac6b7
copy
#4f5e7f
copy
#965f8a
copy
#ff7070
copy
CSS Code
Go fullscreen
#331940
copy
#5e366a
copy
#0cca98
copy
#00ffcc
copy
CSS Code
Go fullscreen
#95efce
copy
#2ea1d9
copy
#395ea6
copy
#3e467f
copy
CSS Code
Go fullscreen
#fab95b
copy
#71a0a5
copy
#665c84
copy
#212121
copy
CSS Code
Go fullscreen
#2bcdc1
copy
#38817a
copy
#393e46
copy
#f66095
copy
CSS Code
Go fullscreen
#51eaea
copy
#ffdbc5
copy
#ff9d76
copy
#ef4339
copy
CSS Code
Go fullscreen
#ee8572
copy
#35495e
copy
#347474
copy
#63b7af
copy
CSS Code
Go fullscreen
#00649f
copy
#01aac1
copy
#00dbe7
copy
#97ecc5
copy
CSS Code
Go fullscreen
#a3f7bf
copy
#29a19c
copy
#4b6289
copy
#60316e
copy
CSS Code
Go fullscreen
#f1efe9
copy
#beceb0
copy
#34857f
copy
#b0a48a
copy
CSS Code
Go fullscreen
#515661
copy
#2e9f82
copy
#68c170
copy
#d6ec8c
copy
CSS Code
Go fullscreen
#36d1c4
copy
#a0eecc
copy
#fff2be
copy
#f6318c
copy
CSS Code
Go fullscreen
#00bdaa
copy
#400082
copy
#fe346e
copy
#f1e7b6
copy
CSS Code
Go fullscreen
#f3ff92
copy
#f6ce59
copy
#2e8fc6
copy
#56cfd2
copy
CSS Code
Go fullscreen
#f4f7ed
copy
#86ee60
copy
#2e6e65
copy
#2b3752
copy
CSS Code
Go fullscreen
#4b2c34
copy
#447878
copy
#779977
copy
#ddddbb
copy
CSS Code
Go fullscreen
#2fc5cc
copy
#6df1cc
copy
#e3ffc3
copy
#ff89c0
copy
CSS Code
Go fullscreen
#3c9099
copy
#5fbdb0
copy
#e3e2c3
copy
#f0efe2
copy
CSS Code
Go fullscreen
#41646e
copy
#4e7376
copy
#c2be53
copy
#e4e1b0
copy
CSS Code
Go fullscreen
#a21232
copy
#1a1831
copy
#20615b
copy
#dece9c
copy
CSS Code
Go fullscreen
#fbffa8
copy
#74dac6
copy
#20c1bd
copy
#33354a
copy
CSS Code
Go fullscreen
#f4f7f7
copy
#aacfd0
copy
#79a8a9
copy
#1f4e5f
copy
CSS Code
Go fullscreen
#58828b
copy
#5e9387
copy
#c8e29d
copy
#f2f299
copy
CSS Code
Go fullscreen
#212121
copy
#323232
copy
#0d7377
copy
#14ffec
copy
CSS Code
Go fullscreen
#f79486
copy
#faf885
copy
#fcffc9
copy
#8ff5d2
copy
CSS Code
Go fullscreen
#c1f6e7
copy
#ffcbcb
copy
#bb7171
copy
#4e3440
copy
CSS Code
Go fullscreen
#78fee0
copy
#4bc2c5
copy
#3b9a9c
copy
#fef4a9
copy
CSS Code
Go fullscreen
#f0134d
copy
#ff6f5e
copy
#f5f0e3
copy
#40bfc1
copy
CSS Code
Go fullscreen
#cefff1
copy
#ace7ef
copy
#a6acec
copy
#a56cc1
copy
CSS Code
Go fullscreen
#f4f4f4
copy
#65eeb7
copy
#ff5722
copy
#474744
copy
CSS Code
Go fullscreen
#3d6271
copy
#3d899c
copy
#45a298
copy
#d8f8b7
copy
CSS Code
Go fullscreen
#3e3e3e
copy
#405559
copy
#68868c
copy
#ededed
copy
CSS Code
Go fullscreen
#d5ab9c
copy
#e6e696
copy
#7bc0a3
copy
#54878f
copy
CSS Code
Go fullscreen
#f5f7fa
copy
#5be7c4
copy
#4fc1e9
copy
#7a57d1
copy
CSS Code
Go fullscreen
#5eb7b7
copy
#96d1c7
copy
#fc7978
copy
#ffafb0
copy
CSS Code
Go fullscreen
#54123b
copy
#84142d
copy
#c02739
copy
#29c7ac
copy
CSS Code
Go fullscreen
#fa5555
copy
#f7fb76
copy
#8ded8e
copy
#2d7d8f
copy
CSS Code
Go fullscreen
#499491
copy
#a3dec9
copy
#f7fed8
copy
#fbd400
copy
CSS Code
Go fullscreen
#f2f4f6
copy
#1ee3cf
copy
#6b48ff
copy
#0d3f67
copy
CSS Code
Go fullscreen
#f6c667
copy
#b30753
copy
#280f34
copy
#bff4ed
copy
CSS Code
Go fullscreen
#1b3c59
copy
#456173
copy
#11bfae
copy
#f2f2f0
copy
CSS Code
Go fullscreen
#ffa900
copy
#9d8221
copy
#014441
copy
#01252a
copy
CSS Code
Go fullscreen
#f1f4f6
copy
#5ac8d8
copy
#597fca
copy
#2552ac
copy
CSS Code
Go fullscreen
#283149
copy
#404b69
copy
#00818a
copy
#dbedf3
copy
CSS Code
Go fullscreen
#071e3d
copy
#1f4287
copy
#278ea5
copy
#21e6c1
copy
CSS Code
Go fullscreen
#f4f7f7
copy
#aacfd0
copy
#5da0a2
copy
#34495e
copy
CSS Code
Go fullscreen
#fbd685
copy
#63aebb
copy
#7a5d7e
copy
#312b30
copy
CSS Code
Go fullscreen
#07588a
copy
#6ac1b8
copy
#bfe9db
copy
#e1f6f4
copy
CSS Code
Go fullscreen
#cdffeb
copy
#009f9d
copy
#07456f
copy
#0f0a3c
copy
CSS Code
Go fullscreen
#283739
copy
#2c5d63
copy
#a2c11c
copy
#e0e0e0
copy
CSS Code
Go fullscreen
#f0f08e
copy
#91ca62
copy
#478077
copy
#3a4874
copy
CSS Code
Go fullscreen
#f4f4ec
copy
#76e2f4
copy
#615dec
copy
#301781
copy
CSS Code
Go fullscreen
#1333a6
copy
#317ae1
copy
#1fdedb
copy
#fffcbf
copy
CSS Code
Go fullscreen
#8e9fe6
copy
#6acafc
copy
#6ce6dd
copy
#dbf094
copy
CSS Code
Go fullscreen
#ff5959
copy
#ffad5a
copy
#4f9da6
copy
#1a0841
copy
CSS Code
Go fullscreen
#f5f5f5
copy
#01ecd5
copy
#4586ff
copy
#32424a
copy
CSS Code
Go fullscreen
#45b7b8
copy
#706381
copy
#2c3848
copy
#f7de1c
copy
CSS Code
Go fullscreen
#432160
copy
#ff7a5a
copy
#50e3c2
copy
#fcf4d9
copy
CSS Code
Go fullscreen
#464159
copy
#6c7b95
copy
#8bbabb
copy
#c7f0db
copy
CSS Code
Go fullscreen
#015668
copy
#263f44
copy
#ffd369
copy
#fff1cf
copy
CSS Code
Go fullscreen
#612c83
copy
#509aaf
copy
#7dd8c7
copy
#f5ffc3
copy
CSS Code
Go fullscreen
#363434
copy
#5c5757
copy
#62929a
copy
#efecec
copy
CSS Code
Go fullscreen
#35d0ba
copy
#f8c43a
copy
#c93d1b
copy
#04322e
copy
CSS Code
Go fullscreen
#362999
copy
#4262c5
copy
#44aec2
copy
#93efed
copy
CSS Code
Go fullscreen
#fffcca
copy
#55e9bc
copy
#11d3bc
copy
#537780
copy
CSS Code
Go fullscreen
#4d12ee
copy
#2f24c1
copy
#3fd1cb
copy
#f8f6f6
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
175,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.