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 Blue CSS Color Palettes
#ffcfdf
copy
#fefdca
copy
#e0f9b5
copy
#a5dee5
copy
CSS Code
Go fullscreen
#c2ffff
copy
#8bdeff
copy
#a888ff
copy
#26466f
copy
CSS Code
Go fullscreen
#001f3f
copy
#083358
copy
#0d63a5
copy
#ffd717
copy
CSS Code
Go fullscreen
#002bdc
copy
#2f4bff
copy
#00a6e7
copy
#ffe37f
copy
CSS Code
Go fullscreen
#cdffeb
copy
#009f9d
copy
#07456f
copy
#0f0a3c
copy
CSS Code
Go fullscreen
#bff4ed
copy
#280f34
copy
#e41655
copy
#b30753
copy
CSS Code
Go fullscreen
#448ef6
copy
#75c2f6
copy
#65daf7
copy
#ffe981
copy
CSS Code
Go fullscreen
#fafbd4
copy
#b2ebf9
copy
#aea1ea
copy
#8c54a1
copy
CSS Code
Go fullscreen
#fd5f00
copy
#00204a
copy
#005792
copy
#d9faff
copy
CSS Code
Go fullscreen
#b8f7d4
copy
#6fe7db
copy
#7fa6ee
copy
#835af1
copy
CSS Code
Go fullscreen
#c7f5fe
copy
#fcc8f8
copy
#eab4f8
copy
#f3f798
copy
CSS Code
Go fullscreen
#f4eeff
copy
#dcd6f7
copy
#a6b1e1
copy
#424874
copy
CSS Code
Go fullscreen
#211572
copy
#48c0d3
copy
#dedede
copy
#ffe578
copy
CSS Code
Go fullscreen
#ffffd2
copy
#e4e4e4
copy
#8293ff
copy
#503bff
copy
CSS Code
Go fullscreen
#d2d4d6
copy
#7d8df6
copy
#5a4db2
copy
#ff771b
copy
CSS Code
Go fullscreen
#591fce
copy
#0c9cee
copy
#3dbdc2
copy
#a1f480
copy
CSS Code
Go fullscreen
#f23557
copy
#f0d43a
copy
#22b2da
copy
#3b4a6b
copy
CSS Code
Go fullscreen
#2e94b9
copy
#475053
copy
#acdcee
copy
#f0fbff
copy
CSS Code
Go fullscreen
#f85f73
copy
#fbe8d3
copy
#928a97
copy
#283c63
copy
CSS Code
Go fullscreen
#404b69
copy
#283149
copy
#f73859
copy
#f3ecc8
copy
CSS Code
Go fullscreen
#f9a828
copy
#ececeb
copy
#07617d
copy
#2e383f
copy
CSS Code
Go fullscreen
#51eaea
copy
#fffde1
copy
#ff9d76
copy
#fb3569
copy
CSS Code
Go fullscreen
#ffcbcb
copy
#ffb5b5
copy
#407088
copy
#132743
copy
CSS Code
Go fullscreen
#80a3a2
copy
#abcecf
copy
#c4dce0
copy
#daf4f5
copy
CSS Code
Go fullscreen
#364f6b
copy
#3fc1c9
copy
#f5f5f5
copy
#fc5185
copy
CSS Code
Go fullscreen
#0962ea
copy
#0e7cf4
copy
#0aa0f6
copy
#faf15d
copy
CSS Code
Go fullscreen
#da5c53
copy
#a8e4b1
copy
#4aa3ba
copy
#306d75
copy
CSS Code
Go fullscreen
#090089
copy
#0060ca
copy
#91ceff
copy
#fcdc74
copy
CSS Code
Go fullscreen
#76508e
copy
#482d57
copy
#03c1eb
copy
#86f3b8
copy
CSS Code
Go fullscreen
#dffcad
copy
#6ec189
copy
#595cae
copy
#424478
copy
CSS Code
Go fullscreen
#4cb3cd
copy
#52d6d3
copy
#5968b1
copy
#302579
copy
CSS Code
Go fullscreen
#f8b195
copy
#f67280
copy
#c06c84
copy
#355c7d
copy
CSS Code
Go fullscreen
#d0efb5
copy
#eb7878
copy
#2f3e75
copy
#f3e595
copy
CSS Code
Go fullscreen
#071e3d
copy
#1f4287
copy
#278ea5
copy
#21e6c1
copy
CSS Code
Go fullscreen
#8aacff
copy
#626fe6
copy
#6d42c7
copy
#e85b48
copy
CSS Code
Go fullscreen
#155674
copy
#60beb3
copy
#79f8bb
copy
#f5ffae
copy
CSS Code
Go fullscreen
#e67676
copy
#f2f062
copy
#a9e6e6
copy
#7692e4
copy
CSS Code
Go fullscreen
#293462
copy
#211a4c
copy
#f33535
copy
#a51c2d
copy
CSS Code
Go fullscreen
#eb586f
copy
#d8e9f0
copy
#4aa0d5
copy
#454553
copy
CSS Code
Go fullscreen
#defcf9
copy
#cadefc
copy
#c3bef0
copy
#cca8e9
copy
CSS Code
Go fullscreen
#f7f4ea
copy
#9ce3cf
copy
#6a7ff5
copy
#574b9b
copy
CSS Code
Go fullscreen
#0278ae
copy
#51adcf
copy
#a5ecd7
copy
#e8ffc1
copy
CSS Code
Go fullscreen
#e3e8f8
copy
#c0c5cd
copy
#3e588f
copy
#203562
copy
CSS Code
Go fullscreen
#2aaf74
copy
#4ed99c
copy
#d1ebfe
copy
#f7be7f
copy
CSS Code
Go fullscreen
#001f3f
copy
#083358
copy
#0da574
copy
#ffd717
copy
CSS Code
Go fullscreen
#6c95ec
copy
#3d61ad
copy
#81e1af
copy
#41a06f
copy
CSS Code
Go fullscreen
#c6f1a2
copy
#a8d966
copy
#43a367
copy
#385380
copy
CSS Code
Go fullscreen
#4d606e
copy
#3fbac2
copy
#d3d4d8
copy
#f5f5f5
copy
CSS Code
Go fullscreen
#a9eee6
copy
#fefaec
copy
#f38181
copy
#625772
copy
CSS Code
Go fullscreen
#07588a
copy
#6ac1b8
copy
#bfe9db
copy
#e1f6f4
copy
CSS Code
Go fullscreen
#062743
copy
#113a5d
copy
#c4ffdd
copy
#f9f9f9
copy
CSS Code
Go fullscreen
#ee8572
copy
#35495e
copy
#347474
copy
#63b7af
copy
CSS Code
Go fullscreen
#241e92
copy
#5432d3
copy
#7b6cf6
copy
#e5a5ff
copy
CSS Code
Go fullscreen
#dd0a35
copy
#e4d1d3
copy
#1687a7
copy
#014955
copy
CSS Code
Go fullscreen
#eef2f5
copy
#ea168e
copy
#612570
copy
#1eafed
copy
CSS Code
Go fullscreen
#00204a
copy
#005792
copy
#00bbf0
copy
#fdb44b
copy
CSS Code
Go fullscreen
#13334c
copy
#005792
copy
#f6f6e9
copy
#fd5f00
copy
CSS Code
Go fullscreen
#a8e0e1
copy
#5a96bb
copy
#75448c
copy
#c46caa
copy
CSS Code
Go fullscreen
#cff1ef
copy
#ffffff
copy
#fbcffc
copy
#be79df
copy
CSS Code
Go fullscreen
#f7fbfc
copy
#d6e6f2
copy
#b9d7ea
copy
#769fcd
copy
CSS Code
Go fullscreen
#ff5200
copy
#003355
copy
#04536c
copy
#adaca7
copy
CSS Code
Go fullscreen
#005874
copy
#1c819e
copy
#e6e6d4
copy
#ffbe00
copy
CSS Code
Go fullscreen
#04879c
copy
#0c3c78
copy
#090030
copy
#f30a49
copy
CSS Code
Go fullscreen
#00649f
copy
#01aac1
copy
#00dbe7
copy
#97ecc5
copy
CSS Code
Go fullscreen
#ff304f
copy
#002651
copy
#775ada
copy
#28c7fa
copy
CSS Code
Go fullscreen
#1b3764
copy
#4ab8b8
copy
#fafccb
copy
#efa35c
copy
CSS Code
Go fullscreen
#020438
copy
#284184
copy
#1f8ea3
copy
#00eaff
copy
CSS Code
Go fullscreen
#f9c4ac
copy
#626f92
copy
#474168
copy
#272637
copy
CSS Code
Go fullscreen
#ffb4ac
copy
#679186
copy
#264e70
copy
#ffebd3
copy
CSS Code
Go fullscreen
#303841
copy
#47555e
copy
#7aa5d2
copy
#eeeeee
copy
CSS Code
Go fullscreen
#272932
copy
#1c7293
copy
#b9e3c6
copy
#f1f2eb
copy
CSS Code
Go fullscreen
#eff0f4
copy
#d3d6db
copy
#415f9d
copy
#233b6e
copy
CSS Code
Go fullscreen
#ffdede
copy
#f7f3ce
copy
#c5ecbe
copy
#4797b1
copy
CSS Code
Go fullscreen
#4d089a
copy
#323edd
copy
#dc2ade
copy
#e8f044
copy
CSS Code
Go fullscreen
#ffb400
copy
#fffbe0
copy
#2994b2
copy
#474744
copy
CSS Code
Go fullscreen
#96c99c
copy
#55829c
copy
#485791
copy
#3a316e
copy
CSS Code
Go fullscreen
#c8f0f0
copy
#86d8dc
copy
#7047a3
copy
#3a276a
copy
CSS Code
Go fullscreen
#ffd3ad
copy
#ffa96a
copy
#005585
copy
#15005d
copy
CSS Code
Go fullscreen
#f8ed86
copy
#a5e9db
copy
#2ca4bf
copy
#415b90
copy
CSS Code
Go fullscreen
#ffedc6
copy
#cdeeaa
copy
#96dae4
copy
#6d70c6
copy
CSS Code
Go fullscreen
#f47c7c
copy
#f7f48b
copy
#a1de93
copy
#70a1d7
copy
CSS Code
Go fullscreen
#17139c
copy
#dd3e3e
copy
#ffe5e1
copy
#f2f2f2
copy
CSS Code
Go fullscreen
#5f2f14
copy
#1297bd
copy
#1ad7db
copy
#f3f1f1
copy
CSS Code
Go fullscreen
#eeeeee
copy
#234c63
copy
#379956
copy
#ffc85b
copy
CSS Code
Go fullscreen
#fb929e
copy
#ffdfdf
copy
#fff6f6
copy
#aedefc
copy
CSS Code
Go fullscreen
#293462
copy
#00818a
copy
#ec9b3b
copy
#f7be16
copy
CSS Code
Go fullscreen
#362999
copy
#4262c5
copy
#44aec2
copy
#93efed
copy
CSS Code
Go fullscreen
#f7f7f7
copy
#fcd59b
copy
#1fa8cf
copy
#2657c1
copy
CSS Code
Go fullscreen
#f0f0f0
copy
#43dde6
copy
#364f6b
copy
#fc5185
copy
CSS Code
Go fullscreen
#c84361
copy
#e78775
copy
#abcdcb
copy
#ebe59b
copy
CSS Code
Go fullscreen
#0278ae
copy
#51dacf
copy
#9ef5cf
copy
#e8ffb1
copy
CSS Code
Go fullscreen
#f3f6f6
copy
#90eee1
copy
#55b3f3
copy
#6356e5
copy
CSS Code
Go fullscreen
#b7b9f4
copy
#5254d8
copy
#192294
copy
#000278
copy
CSS Code
Go fullscreen
#48f3db
copy
#51c4e9
copy
#6150c1
copy
#4a3764
copy
CSS Code
Go fullscreen
#247291
copy
#f8da5b
copy
#eef2e2
copy
#f5f9ee
copy
CSS Code
Go fullscreen
#fd5959
copy
#ff9c6d
copy
#fcff82
copy
#afc5ff
copy
CSS Code
Go fullscreen
#2185d5
copy
#3a4750
copy
#303841
copy
#f3f3f3
copy
CSS Code
Go fullscreen
#83e4b5
copy
#3ec8ac
copy
#4e90a4
copy
#6e60a0
copy
CSS Code
Go fullscreen
#f76262
copy
#216583
copy
#65c0ba
copy
#cffdf8
copy
CSS Code
Go fullscreen
#900c3f
copy
#c70039
copy
#ff5733
copy
#ffc300
copy
CSS Code
Go fullscreen
All Blue 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.