CSS Color Palette: Gold Color Codes, White, Green, Brown, Yellow, Red

Construction Marketing

CSS Color Palette: Gold Color Codes, White, Green, Brown, Yellow, Red

Have you ever wanted to have brilliant, and fresh CSS color codes at your finger tips – but find most color palette tools give you too basic of shades – or give…

Estimated Read Time:  2 minutes

Share: 

CSS Color Palette - Gold, white, red, green color codes

Have you ever wanted to have brilliant, and fresh CSS color codes at your finger tips – but find most color palette tools give you too basic of shades – or give you ugly colors? Well – you’re in luck, because we’ve curated 127 of our favorite shades of Gold, white, green, brown, yellow, red and blue for your copy + pasting pleasure.

Without further ado – we’ll start with a crowd favorite, here are 10 shades of gold that we love!

Gold – CSS Color Codes

#ab9333
#937c0c
#c0ae54
#aaa255
#b2a200
#a89748
#c9c389

White – CSS Color Codes

#ffffff
#f8f4f4
#f8f7f4
#fafafa
#fffafa
#f8f8f2
#f0f0e9

Green – CSS Color Codes

#33ab5c
#218f5b
#14765a
#017d6f
#00ec86
#0e952f
#076210

Brown – CSS Color Codes

#ab6933
#c98628
#8d7e30
#683911
#976331
#87694c
#51331a

Yellow – CSS Color Codes

#ecec2a
#feff97
#dcff00
#d5d713
#c1df00
#ffff7b
#c3c327

Red – CSS Color Codes

#ff4e00
#b83510
#ec0548
#b40f3a
#992020
#5e0909
#ff0000

Blue – CSS Color Codes

#00f7ff
#08b6ab
#0070ba
#084e7f
#012649
#036cff
#0147ac

Purple – CSS Color Codes

#8100ff
#7d549e
#400170
#371551
#c39cd9
#ddc7ea
#af9cbe

Orange – CSS Color Codes

#ffbe13
#ff7b10
#ff9d4f
#dd7547
#c7782c
#db8f23
#ff9600

Grey – CSS Color Codes

#6a6a6a
#d1dee3
#9ca9ae
#b6b6b6
#dbe4ec
#e3e3e3
#a6a3a3

Pink – CSS Color Codes

#dd98c6
#ff009d
#fcd9ef
#f897d5
#ffe6f6
#d10083
#ff56dd

Black – CSS Color Codes

#343434
#000000
#333333
#0b1e20
#16030c
#312e2b
#3b3b3b

I hope you’ve enjoyed this little handy color palette! Feel free to bookmark it for use. I wanted to create a CSS color palette, that attempted to only include ‘good’ colors 😉 Hopefully I came close.

Leave your favorite hex color in the comments – and I’ll include it!

Subscribe
Notify of
guest
5 Comments
Newest
Oldest Most Voted
Inline Feedbacks
View all comments
Andrea Santa
Andrea Santa
7 months ago

The grey line equals the orange line

Tim Brown
Tim Brown
7 months ago
Reply to  Andrea Santa

You’re saying they’re backwards?

Andrea Santambrogio
Andrea Santambrogio
7 months ago
Reply to  Tim Brown

Sorry, my bad at explaining. Two of the grey shades have the same hex as the orange ones!

Tim Brown
Tim Brown
7 months ago

These should all have the accurate color codes now! Thank you for letting me know.

Andrea Santambrogio
Andrea Santambrogio
7 months ago
Reply to  Tim Brown

No problem, thanks for fixing it!

Contractors Hook Better Leads with a Google Specialized Team

Let's Start the Conversation

 Highly-Rated

 Award-Winning

 Industry-Vetted