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 Orange CSS Color Palettes
#faf6ed
copy
#f6bf4f
copy
#a2453d
copy
#aaaaaa
copy
CSS Code
Go fullscreen
#1b3764
copy
#4ab8b8
copy
#fafccb
copy
#efa35c
copy
CSS Code
Go fullscreen
#f9989f
copy
#fccb8f
copy
#faf096
copy
#c5f8c8
copy
CSS Code
Go fullscreen
#dadddf
copy
#f69314
copy
#c40b13
copy
#621295
copy
CSS Code
Go fullscreen
#211717
copy
#a34a28
copy
#f58b54
copy
#dfddc7
copy
CSS Code
Go fullscreen
#fff9e0
copy
#f1c550
copy
#ff6600
copy
#ce2525
copy
CSS Code
Go fullscreen
#913131
copy
#e5ab39
copy
#c2ff6b
copy
#a7da46
copy
CSS Code
Go fullscreen
#c02727
copy
#f4806d
copy
#ffffd3
copy
#f3f2b4
copy
CSS Code
Go fullscreen
#f2e8c6
copy
#f5841a
copy
#bb0029
copy
#03002c
copy
CSS Code
Go fullscreen
#c2e8ce
copy
#f2eee5
copy
#f6ad7b
copy
#be7575
copy
CSS Code
Go fullscreen
#4ac6b7
copy
#4f5e7f
copy
#965f8a
copy
#ff7070
copy
CSS Code
Go fullscreen
#fcf8e8
copy
#ecdfc8
copy
#ecb390
copy
#df7861
copy
CSS Code
Go fullscreen
#740021
copy
#8d0033
copy
#bd3246
copy
#fdc8aa
copy
CSS Code
Go fullscreen
#b0deff
copy
#ffc5a1
copy
#ffd19a
copy
#fff8a6
copy
CSS Code
Go fullscreen
#a26ea1
copy
#f18a9b
copy
#ffb480
copy
#ffff9d
copy
CSS Code
Go fullscreen
#003f5c
copy
#472b62
copy
#bc4873
copy
#fb5b5a
copy
CSS Code
Go fullscreen
#9a47cb
copy
#ff80f3
copy
#ffd48b
copy
#fff079
copy
CSS Code
Go fullscreen
#7fa998
copy
#f1f1b0
copy
#df8543
copy
#9d2503
copy
CSS Code
Go fullscreen
#ff6d3f
copy
#b14b4b
copy
#594057
copy
#36162e
copy
CSS Code
Go fullscreen
#f87d09
copy
#f6f6f6
copy
#a7cdcc
copy
#004a55
copy
CSS Code
Go fullscreen
#860f44
copy
#bb3939
copy
#ea5f2d
copy
#eec89f
copy
CSS Code
Go fullscreen
#a6e4e7
copy
#f9f9f9
copy
#ebcbae
copy
#8f8787
copy
CSS Code
Go fullscreen
#004a2f
copy
#002f35
copy
#ff6337
copy
#ffa323
copy
CSS Code
Go fullscreen
#b7472a
copy
#eb9788
copy
#ffd5ab
copy
#fff2e5
copy
CSS Code
Go fullscreen
#2b4450
copy
#497285
copy
#dfebed
copy
#f78536
copy
CSS Code
Go fullscreen
#ffdd93
copy
#58dada
copy
#1ca2bb
copy
#005e7c
copy
CSS Code
Go fullscreen
#ebefd0
copy
#32dbc6
copy
#49beb7
copy
#ff502f
copy
CSS Code
Go fullscreen
#fff5b5
copy
#ff9071
copy
#e85395
copy
#a73ccb
copy
CSS Code
Go fullscreen
#ffeed0
copy
#f79f24
copy
#f12d2d
copy
#7c064d
copy
CSS Code
Go fullscreen
#b6e1e0
copy
#9cd3d3
copy
#e8630a
copy
#2b4353
copy
CSS Code
Go fullscreen
#1b1f3a
copy
#53354a
copy
#a64942
copy
#ff7844
copy
CSS Code
Go fullscreen
#364968
copy
#fddf97
copy
#e09664
copy
#6c4343
copy
CSS Code
Go fullscreen
#6f0765
copy
#4c0045
copy
#bd512f
copy
#ffb228
copy
CSS Code
Go fullscreen
#003e21
copy
#067242
copy
#098b54
copy
#f8d098
copy
CSS Code
Go fullscreen
#2d5c7f
copy
#fff1a8
copy
#ff8f56
copy
#984a59
copy
CSS Code
Go fullscreen
#ffa41b
copy
#000839
copy
#005082
copy
#00a8cc
copy
CSS Code
Go fullscreen
#9d0b0b
copy
#da2d2d
copy
#eb8242
copy
#f6da63
copy
CSS Code
Go fullscreen
#282d4f
copy
#23103a
copy
#a0204c
copy
#ff6c00
copy
CSS Code
Go fullscreen
#dc3737
copy
#f7af1d
copy
#f5e180
copy
#aeaf7a
copy
CSS Code
Go fullscreen
#f7f6de
copy
#fa7e0a
copy
#8f0e0e
copy
#530c0c
copy
CSS Code
Go fullscreen
#a9eec2
copy
#fad284
copy
#f38181
copy
#705772
copy
CSS Code
Go fullscreen
#fbffe0
copy
#ffd6a6
copy
#ff8ab4
copy
#d86eff
copy
CSS Code
Go fullscreen
#eab0d9
copy
#f1c6de
copy
#f7e8f0
copy
#feb377
copy
CSS Code
Go fullscreen
#97124b
copy
#dc4444
copy
#f5a855
copy
#f4e557
copy
CSS Code
Go fullscreen
#434343
copy
#a64452
copy
#f7c873
copy
#f8f8f8
copy
CSS Code
Go fullscreen
#f9f8eb
copy
#76b39d
copy
#05004e
copy
#fd5f00
copy
CSS Code
Go fullscreen
#f5eb82
copy
#dfb361
copy
#d3775d
copy
#a75377
copy
CSS Code
Go fullscreen
#f4e1e1
copy
#f98903
copy
#c62727
copy
#4c3232
copy
CSS Code
Go fullscreen
#d63447
copy
#f57b51
copy
#f6eedf
copy
#d1cebd
copy
CSS Code
Go fullscreen
#3e3e3e
copy
#f4722b
copy
#f6e7c1
copy
#b3a78c
copy
CSS Code
Go fullscreen
#ffb400
copy
#fffbe0
copy
#2994b2
copy
#474744
copy
CSS Code
Go fullscreen
#432160
copy
#ff7a5a
copy
#50e3c2
copy
#fcf4d9
copy
CSS Code
Go fullscreen
#e04b5a
copy
#e49756
copy
#5b305a
copy
#9a4c68
copy
CSS Code
Go fullscreen
#573697
copy
#933f99
copy
#e88c5d
copy
#fadbac
copy
CSS Code
Go fullscreen
#37474f
copy
#607d8b
copy
#90a4ae
copy
#f7b633
copy
CSS Code
Go fullscreen
#f54d42
copy
#ff8356
copy
#ffcd00
copy
#f5f5f5
copy
CSS Code
Go fullscreen
#fdef96
copy
#f7b71d
copy
#afa939
copy
#2b580c
copy
CSS Code
Go fullscreen
#ffa258
copy
#fff7c2
copy
#a02a63
copy
#4b125c
copy
CSS Code
Go fullscreen
#9f609c
copy
#ea8f79
copy
#e4d183
copy
#f8f1e5
copy
CSS Code
Go fullscreen
#f8f8f8
copy
#50b6bb
copy
#45969b
copy
#f96d15
copy
CSS Code
Go fullscreen
#b9bc6d
copy
#ffe894
copy
#ef765f
copy
#95415a
copy
CSS Code
Go fullscreen
#2b3964
copy
#3482aa
copy
#6db3b5
copy
#f9cc7b
copy
CSS Code
Go fullscreen
#ebbf58
copy
#769353
copy
#3d655d
copy
#33484d
copy
CSS Code
Go fullscreen
#daebee
copy
#b6d7de
copy
#fcedda
copy
#ff5126
copy
CSS Code
Go fullscreen
#10316b
copy
#000000
copy
#e25822
copy
#ececeb
copy
CSS Code
Go fullscreen
#900c27
copy
#c70039
copy
#f6c667
copy
#f1f8fd
copy
CSS Code
Go fullscreen
#e8e2db
copy
#fab95b
copy
#f5564e
copy
#1a3263
copy
CSS Code
Go fullscreen
#c24242
copy
#e08932
copy
#e5c955
copy
#f2f5b1
copy
CSS Code
Go fullscreen
#dcedc2
copy
#ffd3b5
copy
#ffaaa6
copy
#ff8c94
copy
CSS Code
Go fullscreen
#ededed
copy
#ffa41b
copy
#ff5151
copy
#9818d6
copy
CSS Code
Go fullscreen
#343434
copy
#e6b31e
copy
#fcfaf1
copy
#cacaca
copy
CSS Code
Go fullscreen
#ff5335
copy
#dfe0d4
copy
#3e92a3
copy
#353940
copy
CSS Code
Go fullscreen
#37b7b5
copy
#a0e4e0
copy
#c7f6f5
copy
#f6b132
copy
CSS Code
Go fullscreen
#ffa259
copy
#fe6845
copy
#fa4252
copy
#91bd3a
copy
CSS Code
Go fullscreen
#d9d9d9
copy
#e88a1a
copy
#cf3030
copy
#141414
copy
CSS Code
Go fullscreen
#a44a4a
copy
#dd8968
copy
#e4c478
copy
#e8e46d
copy
CSS Code
Go fullscreen
#f8b595
copy
#f67280
copy
#c06c84
copy
#6c5b7c
copy
CSS Code
Go fullscreen
#d0ef84
copy
#f4d143
copy
#fda831
copy
#de561c
copy
CSS Code
Go fullscreen
#c70d3a
copy
#ed5107
copy
#230338
copy
#02383c
copy
CSS Code
Go fullscreen
#bbeaa6
copy
#e3c878
copy
#ed9a73
copy
#e688a1
copy
CSS Code
Go fullscreen
#51eaea
copy
#fffde1
copy
#ff9d76
copy
#fb3569
copy
CSS Code
Go fullscreen
#f4f6f6
copy
#ff9c91
copy
#cd3f3e
copy
#1c2938
copy
CSS Code
Go fullscreen
#f9f5f0
copy
#f2ead3
copy
#f4991a
copy
#321313
copy
CSS Code
Go fullscreen
#068b78
copy
#9ed79a
copy
#f2ff97
copy
#ffcf5e
copy
CSS Code
Go fullscreen
#194769
copy
#f6f6e9
copy
#d7eef2
copy
#f2855e
copy
CSS Code
Go fullscreen
#ffdaa9
copy
#6fa3a9
copy
#5f72b2
copy
#60366f
copy
CSS Code
Go fullscreen
#d15260
copy
#e95c63
copy
#ff9d7b
copy
#f2f089
copy
CSS Code
Go fullscreen
#f8b500
copy
#ece8d9
copy
#00adb5
copy
#393e46
copy
CSS Code
Go fullscreen
#22eaca
copy
#b31e6f
copy
#ee5a5a
copy
#ff9e74
copy
CSS Code
Go fullscreen
#43ab92
copy
#f75f00
copy
#c93838
copy
#512c62
copy
CSS Code
Go fullscreen
#902424
copy
#d9af5d
copy
#cede48
copy
#e9efba
copy
CSS Code
Go fullscreen
#222831
copy
#2d4059
copy
#ff5722
copy
#eeeeee
copy
CSS Code
Go fullscreen
#ea5959
copy
#f98b60
copy
#ffc057
copy
#ffe084
copy
CSS Code
Go fullscreen
#51af5b
copy
#b3e55e
copy
#feed30
copy
#ffcb3c
copy
CSS Code
Go fullscreen
#e3e7b3
copy
#f6ffe2
copy
#e4ce8e
copy
#d77948
copy
CSS Code
Go fullscreen
#ff6464
copy
#ff8264
copy
#ffaa64
copy
#fff5a5
copy
CSS Code
Go fullscreen
#f2f2f0
copy
#ff5e3a
copy
#2c365d
copy
#272e4f
copy
CSS Code
Go fullscreen
#ffaaa5
copy
#fcf8f3
copy
#ffd3b6
copy
#698474
copy
CSS Code
Go fullscreen
#fffde1
copy
#fef778
copy
#fba746
copy
#7f7f7f
copy
CSS Code
Go fullscreen
#faf4f4
copy
#ef962d
copy
#9c5518
copy
#5a3f11
copy
CSS Code
Go fullscreen
All Orange 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.