Colors

Colors are one of the key aspects when it comes to brand recognition. Making sure we use the right hues (colors) is essential to that effect. Check out the following list to find the official WordPress colors. (Also available on this codepen)

Are you also looking for the official logos?

Colors Colors

Colors are separated into three groups. The Blues, the Grays, and Auxiliary colors. The most recognizable colors are, obviously, the Blues and Grays. The Auxiliary hues can be used for various reasons, and come in a variety of values, with some tints (added white), tones (mix with another hue), and shades (added black)

Blues Blues

WordPress Blue
rgb(0,115,170)
#0073aa
Medium Blue
rgb(0,160,210)
#00a0d2

Top ↑

Grays Grays

This section keeps growing, here are just some of the base ones. More on the codepen.

Ultra Dark Gray
rgb(25,30,35)
#191e23
Dark Gray
rgb(35,40,45)
#23282d
Base Gray
rgb(50,55,60)
#32373c
Dark Silver Gray
rgb(130,135,140)
#82878c
Silver Gray
rgb(160,165,170)
#a0a5aa
Light Silver Gray
rgb(180,185,190)
#b4b9be

Top ↑

Auxiliary Hues Auxiliary Hues

Here are just the base hues, but there’s a plethora of tints, tones, and shades available on the codepen. These keep evolving, so they don’t get documented here quite yet.

Accent Red
rgb(220,50,50)
#dc3232
Accent Orange
rgb(245,110,40)
#f56e28
Accent Yellow
rgb(255,185,0)
#ffb900
Accent Green
rgb(70,180,80)
#46B450
Medium Blue
rgb(0,160,210)
#00a0d2
Accent Purple
rgb(130,110,180)
#826eb4

Top ↑

Downloads Downloads

Top ↑

Resources Resources