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
#ffee7d
copy
#b767ff
copy
#534c98
copy
#44fadd
copy
CSS Code
Go fullscreen
#95efce
copy
#2ea1d9
copy
#395ea6
copy
#3e467f
copy
CSS Code
Go fullscreen
#f7e74a
copy
#09c6ab
copy
#068888
copy
#02556d
copy
CSS Code
Go fullscreen
#015668
copy
#06648c
copy
#0f81c7
copy
#0de2ea
copy
CSS Code
Go fullscreen
#83afa6
copy
#58727f
copy
#e5e5e5
copy
#d3a284
copy
CSS Code
Go fullscreen
#ebfffa
copy
#c6fce5
copy
#6ef3d6
copy
#0dceda
copy
CSS Code
Go fullscreen
#f0f08e
copy
#91ca62
copy
#478077
copy
#3a4874
copy
CSS Code
Go fullscreen
#fffcca
copy
#55e9bc
copy
#11d3bc
copy
#537780
copy
CSS Code
Go fullscreen
#e0fffb
copy
#29cdb5
copy
#008698
copy
#f39c9c
copy
CSS Code
Go fullscreen
#225763
copy
#41d8bf
copy
#2f89b3
copy
#3b50b2
copy
CSS Code
Go fullscreen
#ca3e6b
copy
#fa8383
copy
#9dd3cc
copy
#ffe4b3
copy
CSS Code
Go fullscreen
#331940
copy
#5e366a
copy
#0cca98
copy
#00ffcc
copy
CSS Code
Go fullscreen
#57d1c9
copy
#ed5485
copy
#fffbcb
copy
#ffe869
copy
CSS Code
Go fullscreen
#d8fff1
copy
#78e4d4
copy
#b485d8
copy
#5b73a7
copy
CSS Code
Go fullscreen
#3b939b
copy
#2f8189
copy
#91f3fc
copy
#c9fbff
copy
CSS Code
Go fullscreen
#05dfd7
copy
#ec7373
copy
#d8b5b5
copy
#ffe196
copy
CSS Code
Go fullscreen
#ecffc9
copy
#64fed6
copy
#82a6ee
copy
#7871bf
copy
CSS Code
Go fullscreen
#15b7b9
copy
#10ddc2
copy
#f5f5f5
copy
#f57170
copy
CSS Code
Go fullscreen
#5eb7b7
copy
#96d1c7
copy
#fc7978
copy
#ffafb0
copy
CSS Code
Go fullscreen
#062925
copy
#044a42
copy
#3a9188
copy
#b8e1dd
copy
CSS Code
Go fullscreen
#2b4450
copy
#497285
copy
#dfebed
copy
#f78536
copy
CSS Code
Go fullscreen
#ebebeb
copy
#fec100
copy
#528078
copy
#3e615b
copy
CSS Code
Go fullscreen
#0c4762
copy
#51dacf
copy
#9ef5cf
copy
#f4eeee
copy
CSS Code
Go fullscreen
#f3f9fb
copy
#474f85
copy
#51e3d4
copy
#f3ecd3
copy
CSS Code
Go fullscreen
#5ba19b
copy
#fceaea
copy
#f5d9d9
copy
#fbead1
copy
CSS Code
Go fullscreen
#283739
copy
#228896
copy
#a9c52f
copy
#f5f5f5
copy
CSS Code
Go fullscreen
#464159
copy
#6c7b95
copy
#8bbabb
copy
#c7f0db
copy
CSS Code
Go fullscreen
#032a33
copy
#255965
copy
#4c6f7b
copy
#f1d18a
copy
CSS Code
Go fullscreen
#3b5441
copy
#83e85a
copy
#2cb978
copy
#107a8b
copy
CSS Code
Go fullscreen
#fffbaf
copy
#ff5656
copy
#cd0a0a
copy
#42cfc4
copy
CSS Code
Go fullscreen
#f5f5f5
copy
#01ecd5
copy
#4586ff
copy
#32424a
copy
CSS Code
Go fullscreen
#f77754
copy
#018790
copy
#0a516d
copy
#2b2726
copy
CSS Code
Go fullscreen
#51eaea
copy
#ffdbc5
copy
#ff9d76
copy
#ef4339
copy
CSS Code
Go fullscreen
#110133
copy
#00918e
copy
#4dd599
copy
#ffdc34
copy
CSS Code
Go fullscreen
#f35588
copy
#05dfd7
copy
#a3f7bf
copy
#fff591
copy
CSS Code
Go fullscreen
#ececec
copy
#9fd3c7
copy
#385170
copy
#142d4c
copy
CSS Code
Go fullscreen
#fac0e1
copy
#caa5f1
copy
#59d4e8
copy
#39bdc8
copy
CSS Code
Go fullscreen
#17bebb
copy
#2e282a
copy
#cd5334
copy
#edb88b
copy
CSS Code
Go fullscreen
#a8e6cf
copy
#dcedc1
copy
#ffd3b6
copy
#ffaaa5
copy
CSS Code
Go fullscreen
#ff5335
copy
#dfe0d4
copy
#3e92a3
copy
#353940
copy
CSS Code
Go fullscreen
#d0f66a
copy
#36c186
copy
#158a8c
copy
#1e5287
copy
CSS Code
Go fullscreen
#d2fafb
copy
#5acfd6
copy
#189bfa
copy
#0c4b8e
copy
CSS Code
Go fullscreen
#513c3c
copy
#2a769a
copy
#41c3be
copy
#f7f36b
copy
CSS Code
Go fullscreen
#fcffc1
copy
#9bf4d5
copy
#1dad9b
copy
#346357
copy
CSS Code
Go fullscreen
#43ab92
copy
#f75f00
copy
#c93838
copy
#512c62
copy
CSS Code
Go fullscreen
#432c51
copy
#535474
copy
#54a4af
copy
#ecbc55
copy
CSS Code
Go fullscreen
#071a52
copy
#086972
copy
#17b978
copy
#a7ff83
copy
CSS Code
Go fullscreen
#f2f4f6
copy
#1ee3cf
copy
#6b48ff
copy
#0d3f67
copy
CSS Code
Go fullscreen
#fbe0d8
copy
#4d727e
copy
#283644
copy
#7a6552
copy
CSS Code
Go fullscreen
#f76262
copy
#216583
copy
#65c0ba
copy
#cffdf8
copy
CSS Code
Go fullscreen
#f45905
copy
#c70d3a
copy
#512c62
copy
#45969b
copy
CSS Code
Go fullscreen
#f59aa3
copy
#f5e4c3
copy
#34a7b2
copy
#5b2e35
copy
CSS Code
Go fullscreen
#0e2e3b
copy
#166678
copy
#7db9b3
copy
#d8d7c3
copy
CSS Code
Go fullscreen
#47e4bb
copy
#ec9b3b
copy
#e8647c
copy
#000000
copy
CSS Code
Go fullscreen
#45b7b8
copy
#706381
copy
#2c3848
copy
#f7de1c
copy
CSS Code
Go fullscreen
#ecfeff
copy
#00b7c2
copy
#128494
copy
#4ef037
copy
CSS Code
Go fullscreen
#cdffeb
copy
#009f9d
copy
#07456f
copy
#0f0a3c
copy
CSS Code
Go fullscreen
#9bf4d5
copy
#29cdb5
copy
#fff3e1
copy
#373331
copy
CSS Code
Go fullscreen
#f0eec9
copy
#9ee6cf
copy
#50c9ba
copy
#4ba2ac
copy
CSS Code
Go fullscreen
#37b7b5
copy
#a0e4e0
copy
#c7f6f5
copy
#f6b132
copy
CSS Code
Go fullscreen
#283149
copy
#404b69
copy
#00818a
copy
#dbedf3
copy
CSS Code
Go fullscreen
#83ffe1
copy
#7045ff
copy
#c768ff
copy
#ffaded
copy
CSS Code
Go fullscreen
#35013f
copy
#b643cd
copy
#ff5da2
copy
#99ddcc
copy
CSS Code
Go fullscreen
#dffcb5
copy
#b7f5de
copy
#add1fc
copy
#9870fc
copy
CSS Code
Go fullscreen
#222831
copy
#393e46
copy
#00adb5
copy
#eeeeee
copy
CSS Code
Go fullscreen
#f4f4f4
copy
#65eeb7
copy
#ff5722
copy
#474744
copy
CSS Code
Go fullscreen
#155263
copy
#ff6f3c
copy
#ff9a3c
copy
#ffc93c
copy
CSS Code
Go fullscreen
#1fe5bd
copy
#41a7b3
copy
#5e227f
copy
#d22780
copy
CSS Code
Go fullscreen
#d68438
copy
#f1b24b
copy
#36846b
copy
#4bb39a
copy
CSS Code
Go fullscreen
#1c819e
copy
#005542
copy
#ffbe00
copy
#dfdfdf
copy
CSS Code
Go fullscreen
#4d12ee
copy
#2f24c1
copy
#3fd1cb
copy
#f8f6f6
copy
CSS Code
Go fullscreen
#1d7d81
copy
#213458
copy
#887575
copy
#f6e8e8
copy
CSS Code
Go fullscreen
#f9fbfc
copy
#a0dbdb
copy
#56a7a7
copy
#fcea90
copy
CSS Code
Go fullscreen
#f4f4f4
copy
#6decb9
copy
#11999e
copy
#3c3c3c
copy
CSS Code
Go fullscreen
#f1fafb
copy
#a0e4f1
copy
#9dc6ff
copy
#4993fa
copy
CSS Code
Go fullscreen
#106ee8
copy
#0fc1a1
copy
#90e0ab
copy
#cbffce
copy
CSS Code
Go fullscreen
#4b2c34
copy
#447878
copy
#779977
copy
#ddddbb
copy
CSS Code
Go fullscreen
#314357
copy
#456672
copy
#e3b587
copy
#c98c70
copy
CSS Code
Go fullscreen
#041122
copy
#259073
copy
#7fda89
copy
#e6f99d
copy
CSS Code
Go fullscreen
#e4f5e5
copy
#a6dfde
copy
#88a6e5
copy
#8d6ec8
copy
CSS Code
Go fullscreen
#fffb97
copy
#97ffcf
copy
#2fe1d6
copy
#38c6bd
copy
CSS Code
Go fullscreen
#7effdb
copy
#b693fe
copy
#8c82fc
copy
#ff9de2
copy
CSS Code
Go fullscreen
#1b3c59
copy
#456173
copy
#11bfae
copy
#f2f2f0
copy
CSS Code
Go fullscreen
#ff6a38
copy
#9ed0e0
copy
#5c868e
copy
#19483f
copy
CSS Code
Go fullscreen
#feffdf
copy
#dde0ab
copy
#97cba9
copy
#668ba4
copy
CSS Code
Go fullscreen
#c9485b
copy
#e89da2
copy
#f5c3bc
copy
#96d1c7
copy
CSS Code
Go fullscreen
#c6de41
copy
#2d6e7e
copy
#153b44
copy
#071c21
copy
CSS Code
Go fullscreen
#ffeaa5
copy
#226b80
copy
#40a798
copy
#ffebd3
copy
CSS Code
Go fullscreen
#f1f4f6
copy
#5ac8d8
copy
#597fca
copy
#2552ac
copy
CSS Code
Go fullscreen
#384259
copy
#f73859
copy
#7ac7c4
copy
#c4edde
copy
CSS Code
Go fullscreen
#48f3db
copy
#51c4e9
copy
#6150c1
copy
#4a3764
copy
CSS Code
Go fullscreen
#adf7d1
copy
#95e8d7
copy
#7dace4
copy
#8971d0
copy
CSS Code
Go fullscreen
#04879c
copy
#0c3c78
copy
#090030
copy
#f30a49
copy
CSS Code
Go fullscreen
#fa163f
copy
#12cad6
copy
#0fabbc
copy
#e4f9ff
copy
CSS Code
Go fullscreen
#c7f2e3
copy
#9ed9c5
copy
#eeddd2
copy
#b73535
copy
CSS Code
Go fullscreen
#0e3150
copy
#6dc9c8
copy
#ffc0c2
copy
#f7e9e3
copy
CSS Code
Go fullscreen
#f4f7f7
copy
#aacfd0
copy
#5da0a2
copy
#34495e
copy
CSS Code
Go fullscreen
#fae3e3
copy
#b7b7b7
copy
#137083
copy
#3d0240
copy
CSS Code
Go fullscreen
#567582
copy
#464d5c
copy
#f7dda4
copy
#b89068
copy
CSS Code
Go fullscreen
#41646e
copy
#4e7376
copy
#c2be53
copy
#e4e1b0
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.