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
#233142
copy
#455d7a
copy
#f95959
copy
#e3e3e3
copy
CSS Code
Go fullscreen
#ffebbc
copy
#5da7ae
copy
#543d46
copy
#292830
copy
CSS Code
Go fullscreen
#33425b
copy
#3498db
copy
#fcc29a
copy
#ecf0f1
copy
CSS Code
Go fullscreen
#eeeeee
copy
#234c63
copy
#379956
copy
#ffc85b
copy
CSS Code
Go fullscreen
#10316b
copy
#0b8457
copy
#eac100
copy
#dee1ec
copy
CSS Code
Go fullscreen
#baf5f0
copy
#d17ae5
copy
#e889e5
copy
#f9fcc9
copy
CSS Code
Go fullscreen
#ee8572
copy
#35495e
copy
#347474
copy
#63b7af
copy
CSS Code
Go fullscreen
#f76262
copy
#216583
copy
#65c0ba
copy
#cffdf8
copy
CSS Code
Go fullscreen
#00649f
copy
#01aac1
copy
#00dbe7
copy
#97ecc5
copy
CSS Code
Go fullscreen
#293462
copy
#211a4c
copy
#f33535
copy
#a51c2d
copy
CSS Code
Go fullscreen
#e0fcff
copy
#bde4f4
copy
#404969
copy
#ff7f50
copy
CSS Code
Go fullscreen
#45eba5
copy
#21aba5
copy
#1d566e
copy
#163a5f
copy
CSS Code
Go fullscreen
#fcf798
copy
#e0fff9
copy
#74d2ff
copy
#5ca4ca
copy
CSS Code
Go fullscreen
#5c4b77
copy
#6990e4
copy
#b145ad
copy
#f6a2d4
copy
CSS Code
Go fullscreen
#423737
copy
#5d5d5d
copy
#00adb5
copy
#a3f7bf
copy
CSS Code
Go fullscreen
#d4ffa3
copy
#00d8b1
copy
#1f9ec7
copy
#3f7a9c
copy
CSS Code
Go fullscreen
#f1fafb
copy
#a0e4f1
copy
#9dc6ff
copy
#4993fa
copy
CSS Code
Go fullscreen
#b3f7f6
copy
#7dd076
copy
#f1f592
copy
#f4cb81
copy
CSS Code
Go fullscreen
#ecffc9
copy
#64fed6
copy
#82a6ee
copy
#7871bf
copy
CSS Code
Go fullscreen
#89fad0
copy
#4ec9e1
copy
#6796e5
copy
#228291
copy
CSS Code
Go fullscreen
#c84361
copy
#e78775
copy
#abcdcb
copy
#ebe59b
copy
CSS Code
Go fullscreen
#f0d78c
copy
#fcfafa
copy
#64c4ed
copy
#4f81c7
copy
CSS Code
Go fullscreen
#c8f0f0
copy
#86d8dc
copy
#7047a3
copy
#3a276a
copy
CSS Code
Go fullscreen
#a3a7e4
copy
#bae2be
copy
#f0f1b3
copy
#c5e5e3
copy
CSS Code
Go fullscreen
#f5b17b
copy
#4e709d
copy
#89a4c7
copy
#cdd5e0
copy
CSS Code
Go fullscreen
#8aacff
copy
#6151bb
copy
#d7f096
copy
#67ba6d
copy
CSS Code
Go fullscreen
#283e56
copy
#1989ac
copy
#e8f1f5
copy
#ffde25
copy
CSS Code
Go fullscreen
#f3ff92
copy
#f6ce59
copy
#2e8fc6
copy
#56cfd2
copy
CSS Code
Go fullscreen
#302387
copy
#ff3796
copy
#00faac
copy
#fffdaf
copy
CSS Code
Go fullscreen
#211572
copy
#24bddf
copy
#f4f4f4
copy
#fffdbb
copy
CSS Code
Go fullscreen
#f35f5f
copy
#cc435f
copy
#f1ea65
copy
#36a3eb
copy
CSS Code
Go fullscreen
#99e1e5
copy
#f3e8cb
copy
#f2c6b4
copy
#fbafaf
copy
CSS Code
Go fullscreen
#146c78
copy
#0e91a1
copy
#7dce94
copy
#efede7
copy
CSS Code
Go fullscreen
#f2ff9b
copy
#6af79a
copy
#57acc5
copy
#444b6c
copy
CSS Code
Go fullscreen
#29c6cd
copy
#f6e4c4
copy
#fea386
copy
#f19584
copy
CSS Code
Go fullscreen
#f5f5f5
copy
#01ecd5
copy
#4586ff
copy
#32424a
copy
CSS Code
Go fullscreen
#288fb4
copy
#1d556f
copy
#efddb2
copy
#fa360a
copy
CSS Code
Go fullscreen
#b0deff
copy
#ffc5a1
copy
#ffd19a
copy
#fff8a6
copy
CSS Code
Go fullscreen
#111f4d
copy
#f2f4f7
copy
#e43a19
copy
#020205
copy
CSS Code
Go fullscreen
#07689f
copy
#a2d5f2
copy
#fafafa
copy
#ff7e67
copy
CSS Code
Go fullscreen
#3a0088
copy
#930077
copy
#e61c5d
copy
#ffbd39
copy
CSS Code
Go fullscreen
#734488
copy
#492645
copy
#9febeb
copy
#fafcdb
copy
CSS Code
Go fullscreen
#0962ea
copy
#0e7cf4
copy
#0aa0f6
copy
#faf15d
copy
CSS Code
Go fullscreen
#83e4b5
copy
#3ec8ac
copy
#4e90a4
copy
#6e60a0
copy
CSS Code
Go fullscreen
#8aacff
copy
#626fe6
copy
#6d42c7
copy
#e85b48
copy
CSS Code
Go fullscreen
#39627f
copy
#4b788f
copy
#e4de66
copy
#beb000
copy
CSS Code
Go fullscreen
#ffb6b9
copy
#fae3d9
copy
#bbded6
copy
#8ac6d1
copy
CSS Code
Go fullscreen
#fffd75
copy
#60e550
copy
#3b6ac0
copy
#6e3274
copy
CSS Code
Go fullscreen
#0e3150
copy
#6dc9c8
copy
#ffc0c2
copy
#f7e9e3
copy
CSS Code
Go fullscreen
#eff0f4
copy
#74dbef
copy
#0074e4
copy
#264e86
copy
CSS Code
Go fullscreen
#005874
copy
#1c819e
copy
#e6e6d4
copy
#ffbe00
copy
CSS Code
Go fullscreen
#c1224f
copy
#f16f6f
copy
#94d2e6
copy
#fff78f
copy
CSS Code
Go fullscreen
#2e94b9
copy
#fffdc1
copy
#f0b775
copy
#d25565
copy
CSS Code
Go fullscreen
#bff4ed
copy
#280f34
copy
#e41655
copy
#b30753
copy
CSS Code
Go fullscreen
#eeeeee
copy
#fcc314
copy
#94ac3c
copy
#295ba7
copy
CSS Code
Go fullscreen
#73f7dd
copy
#2cc4cb
copy
#1972a4
copy
#2e3a87
copy
CSS Code
Go fullscreen
#113f67
copy
#34699a
copy
#408ab4
copy
#65c6c4
copy
CSS Code
Go fullscreen
#ffd3ad
copy
#ffa96a
copy
#005585
copy
#15005d
copy
CSS Code
Go fullscreen
#bdf9f7
copy
#93c4ff
copy
#b67ccf
copy
#765a60
copy
CSS Code
Go fullscreen
#e67676
copy
#f2f062
copy
#a9e6e6
copy
#7692e4
copy
CSS Code
Go fullscreen
#f9f8eb
copy
#ffe1b6
copy
#7a9eb1
copy
#415865
copy
CSS Code
Go fullscreen
#686ee2
copy
#5c3e84
copy
#f35c6e
copy
#ffa87b
copy
CSS Code
Go fullscreen
#f0f08e
copy
#91ca62
copy
#478077
copy
#3a4874
copy
CSS Code
Go fullscreen
#002bdc
copy
#2f4bff
copy
#00a6e7
copy
#ffe37f
copy
CSS Code
Go fullscreen
#303841
copy
#47555e
copy
#7aa5d2
copy
#eeeeee
copy
CSS Code
Go fullscreen
#e4f1fe
copy
#8dc6ff
copy
#22313f
copy
#34495e
copy
CSS Code
Go fullscreen
#d8fff1
copy
#78e4d4
copy
#b485d8
copy
#5b73a7
copy
CSS Code
Go fullscreen
#3d5a59
copy
#9aebdd
copy
#367db5
copy
#313e86
copy
CSS Code
Go fullscreen
#d2d4d6
copy
#7d8df6
copy
#5a4db2
copy
#ff771b
copy
CSS Code
Go fullscreen
#ecf0f1
copy
#33cccc
copy
#2980b9
copy
#2c3e50
copy
CSS Code
Go fullscreen
#4d606e
copy
#3fbac2
copy
#d3d4d8
copy
#f5f5f5
copy
CSS Code
Go fullscreen
#d2fafb
copy
#51dacf
copy
#41aaa8
copy
#2c003e
copy
CSS Code
Go fullscreen
#404b69
copy
#283149
copy
#f73859
copy
#f3ecc8
copy
CSS Code
Go fullscreen
#c2ffff
copy
#8bdeff
copy
#a888ff
copy
#26466f
copy
CSS Code
Go fullscreen
#7fcbd7
copy
#857ebb
copy
#ca9dd7
copy
#facbd3
copy
CSS Code
Go fullscreen
#071a52
copy
#086972
copy
#17b978
copy
#a7ff83
copy
CSS Code
Go fullscreen
#ffffe7
copy
#c6e5f3
copy
#539ddb
copy
#084a83
copy
CSS Code
Go fullscreen
#2e94b9
copy
#475053
copy
#acdcee
copy
#f0fbff
copy
CSS Code
Go fullscreen
#fafafa
copy
#e8f1f5
copy
#005691
copy
#004a7c
copy
CSS Code
Go fullscreen
#3b939b
copy
#2f8189
copy
#91f3fc
copy
#c9fbff
copy
CSS Code
Go fullscreen
#a3f3eb
copy
#f1ffab
copy
#fbd341
copy
#fb9a40
copy
CSS Code
Go fullscreen
#425e92
copy
#0c81f6
copy
#5fe1d9
copy
#f7fad1
copy
CSS Code
Go fullscreen
#3e6545
copy
#9973e2
copy
#82ceda
copy
#ecffb1
copy
CSS Code
Go fullscreen
#2b4450
copy
#497285
copy
#dfebed
copy
#f78536
copy
CSS Code
Go fullscreen
#2aaf74
copy
#4ed99c
copy
#d1ebfe
copy
#f7be7f
copy
CSS Code
Go fullscreen
#ff7676
copy
#f6f49d
copy
#5dae8b
copy
#466c95
copy
CSS Code
Go fullscreen
#beeef7
copy
#6fc2d0
copy
#373a6d
copy
#ff8246
copy
CSS Code
Go fullscreen
#ff5a5a
copy
#ffb072
copy
#f9ffa5
copy
#aabbff
copy
CSS Code
Go fullscreen
#feffdf
copy
#dde0ab
copy
#97cba9
copy
#668ba4
copy
CSS Code
Go fullscreen
#d0f66a
copy
#36c186
copy
#158a8c
copy
#1e5287
copy
CSS Code
Go fullscreen
#c7f3ff
copy
#fdc7ff
copy
#ffdcf5
copy
#f2f4c3
copy
CSS Code
Go fullscreen
#e42c64
copy
#614ad3
copy
#2d248a
copy
#121b74
copy
CSS Code
Go fullscreen
#fff56c
copy
#f1b149
copy
#4366a9
copy
#679ceb
copy
CSS Code
Go fullscreen
#fd5959
copy
#ff9c6d
copy
#fcff82
copy
#afc5ff
copy
CSS Code
Go fullscreen
#f8ff95
copy
#7be77e
copy
#7a8cf0
copy
#a45fe6
copy
CSS Code
Go fullscreen
#222831
copy
#393e46
copy
#00adb5
copy
#00fff5
copy
CSS Code
Go fullscreen
#0c005a
copy
#bc2525
copy
#ff0000
copy
#eaeaea
copy
CSS Code
Go fullscreen
#7386d5
copy
#a0b6f5
copy
#ffefef
copy
#ff2c2c
copy
CSS Code
Go fullscreen
#48466d
copy
#3d84a8
copy
#46cdcf
copy
#abedd8
copy
CSS Code
Go fullscreen
#fffdb7
copy
#aef4a4
copy
#79b8d1
copy
#e36488
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.