WordPress
WordPress pairs a WordPress Blue (#21759B) with a Dark (#23282D) and White. The blue W has powered the web's most widely used CMS for two decades.
WordPress uses 3 official brand colors.
Brand Color Palette
Brand Keywords & Themes
Associated design themes and color characteristics
Using This Palette
Tips for incorporating WordPress's colors into your designs
Design Applications
- Web design and user interfaces
- Marketing materials and presentations
- Brand identity and logo design inspiration
- Social media graphics and content
Note: While these are WordPress's brand colors, they are trademarked. Use them for inspiration and learning, but avoid direct copying for commercial purposes that could cause brand confusion.
WordPress Colors for Developers
Copy WordPress's 3 brand colors straight into your codebase
CSS Variables
:root {
--wordpress-blue: #21759B;
--dark: #23282D;
--white: #FFFFFF;
}SCSS
$wordpress-blue: #21759B;
$dark: #23282D;
$white: #FFFFFF;Tailwind v4
@theme {
--color-wordpress-blue: #21759B;
--color-dark: #23282D;
--color-white: #FFFFFF;
}Frequently Asked Questions
Common questions about WordPress's brand colors
How many official brand colors does WordPress use?
WordPress's official brand palette uses 3 colors: WordPress Blue (#21759B), Dark (#23282D), White (#FFFFFF).
What is WordPress's primary color hex code?
WordPress's primary brand color is WordPress Blue with hex code #21759B. RGB and HSL conversions are available on this page.
What are the names of WordPress's brand colors?
WordPress's 3 brand colors are WordPress Blue (#21759B), Dark (#23282D), White (#FFFFFF). These are the official names used in WordPress's brand guidelines and design materials.
Can I use WordPress's brand colors in my own designs?
WordPress's colors are trademarked. You can reference the hex codes for inspiration, education, or non-commercial fan projects, but avoid commercial use that could cause brand confusion.
Related Brand Palettes
Built from four primaries — Blue (#4285F4), Red (#DB4437), Yellow (#F4B400) and Green (#0F9D58) — this palette pairs one cool anchor with three warmer accents. The multi-hue mix tends to read as approachable and energetic, an effect saturated primaries often create when placed side by side.
Apple
A near-monochrome set built from Black (#000000), White (#FFFFFF) and two neutrals, Space Gray (#555555) and Silver Gray (#A6A6A6). Restricting the range to blacks, whites and grays yields a calm, high-contrast look that many minimal interfaces favor. These neutral hex values slot easily into iOS and web UI work.
Microsoft
Four evenly weighted colors — Red (#F25022), Green (#7FBA00), Blue (#00A4EF) and Yellow (#FFB900) — give this palette its balanced, quadrant feel. Because no single hue dominates and warm and cool tones sit in equal measure, the set reads as broad and varied.
IBM
Two blues do most of the work here: a deep IBM Blue (#0530AD) and a brighter Light Blue (#5596E6), set against White and Black. Blue is widely read as steady and dependable, a fitting association for a palette leaning almost entirely on the single hue.
Intel
Intel's set stays within the blue family, moving from a mid Intel Blue (#0071C5) to a marginally deeper Dark Blue (#0068B5), with White and Black as neutrals. Keeping both accents close in hue gives the palette a cohesive, single-note character.
Samsung
A commanding Samsung Blue (#1428A0) leads, softened by a Light Blue (#0066B3) and balanced against White and Black. Deep, navy-leaning blues like these are frequently linked with stability and confidence.