Software & SaaS
WordPress Color Codes
WordPress's color is blue #21759B, the WP Blue its own marketing handbook publishes. The WordPress color codes in Hex, RGB and CMYK can be found below. Matt Mullenweg and Mike Little released version 0.70 on 27 May 2003 as a fork of b2/cafelog after its development stalled, and a friend of Mullenweg's, Christine Selleck Tremoulet, suggested the name.
Primary colors
What are WordPress Primary Colors?
WordPress's primary color is blue #21759B, a muted mid blue with a lot of gray in it.
WordPress publishes WP Blue in the WordPress.org marketing handbook, so the hex here is a published value rather than a sample.
WordPress Blue
| Hex | #21759B |
|---|---|
| RGB | 33, 117, 155 |
| HSL | hsl(199, 65%, 37%) |
| CMYK | 79%, 25%, 0%, 39%converted · approximate |
| Pantone | PMS 307 Cnearest match · not published by the brand |
WordPress Hex Color Codes
WordPress hex color codes are #21759B for blue.
| Color | Hex |
|---|---|
| Blue | #21759B |
WordPress RGB Color Codes
WordPress RGB color codes are 33, 117, 155 for blue. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Blue | rgb(33, 117, 155) |
WordPress HSL Color Codes
WordPress HSL color codes are 199, 65%, 37% for blue. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Blue | hsl(199, 65%, 37%) |
WordPress CMYK Color Code
WordPress CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Blue | 79%, 25%, 0%, 39% |
WordPress Pantone Color Codes
WordPress Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Blue | PMS 307 C |
Logo
WordPress Logo Colors
WordPress logo colors are one blue, #21759B, on a W set inside a circle.
WordPress Logo Colors Palette
What the WordPress Logo Colors Mean?
The WordPress logo colors belong to a foundation, not a company. The mark is a W inside a ring, and the trademark is held by the WordPress Foundation rather than by Automattic, which is the distinction the blue quietly stands for: the software is open and the brand is held in trust. Blue this desaturated is a decision against looking like a product. If you are matching it, note that a gray near #585C60 circulates on aggregator sites and is not the published value.
WordPress Logo JPG
WordPress logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
WordPress Logo PNG
WordPress logo in PNG, with a transparent background. Use it over a colored surface.
WordPress Logo WebP
WordPress logo in WebP. Same transparency as the PNG at about a third of the file size.
WordPress Color Code Shades
WordPress color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not WordPress paint or trim names.
In code
Using the WordPress palette
CSS custom properties
:root {
--wordpress-blue: #21759B;
}Contrast against white
| Blue | 5.14:1AA ✓ |
|---|
Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.