Base WordPress Blues Base WordPress Blues

These are the primary blue colors used. The two values allow for use in dark and light backgrounds.

Base Lighter Blue
rgb(30, 140, 190)
UIColor * color = [UIColor colorWithRed:30/255.0f green:140/255.0f blue:190/255.0f alpha:1.0f];

Base Darker Blue
rgb(0, 116, 162)
UIColor * color = [UIColor colorWithRed:0/255.0f green:116/255.0f blue:162/255.0f alpha:1.0f];

Top ↑

The Blues Brothers The Blues Brothers

These are extra blues for use in situations where the base blues are not a good fit. They work especially well for large blocks of color or other accents.

Light Blue
rgb(120, 200, 230)
UIColor * color = [UIColor colorWithRed:120/255.0f green:200/255.0f blue:230/255.0f alpha:1.0f];

“New Kid on the BlockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience.” Blue (perfect for large blocks of color)
rgb(46, 162, 204)
UIColor * color = [UIColor colorWithRed:46/255.0f green:162/255.0f blue:204/255.0f alpha:1.0f];

Midnight Blue (good for places where a really dark blue is needed)
rgb(0, 86, 132)
UIColor * color = [UIColor colorWithRed:0/255.0f green:86/255.0f blue:132/255.0f alpha:1.0f];

Top ↑

Orange County Orange County

These bright oranges are proven to give you all the vitamin C you need. Use them with caution though, you don’t want too much of it!

Jazzy Orange (For all that Jazz)
rgb(241, 131, 30)
UIColor * color = [UIColor colorWithRed:241/255.0f green:131/255.0f blue:30/255.0f alpha:1.0f];

Fire Orange
rgb(215, 77, 17)
UIColor * color = [UIColor colorWithRed:213/255.0f green:78/255.0f blue:33/255.0f alpha:1.0f];

Top ↑

Grey Gardens Grey Gardens

“I think my days at Grey Gardens are limited”.

“Big Eddie” Grey (MP6 sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. background)
rgb(34, 34, 34)
UIColor * color = [UIColor colorWithRed:34/255.0f green:34/255.0f blue:34/255.0f alpha:1.0f];

“Little Eddie” Grey (MP6 sidebar highlight + text color on light background)
rgb(51, 51, 51)
UIColor * color = [UIColor colorWithRed:51/255.0f green:51/255.0f blue:51/255.0f alpha:1.0f];

Whisper Grey (Secondary text color on light background)
rgb(102, 102, 102)
UIColor * color = [UIColor colorWithRed:102/255.0f green:102/255.0f blue:102/255.0f alpha:1.0f];

“All T, All Shade” Grey (Icon shade)
rgb(153, 153, 153)
UIColor * color = [UIColor colorWithRed:153/255.0f green:153/255.0f blue:153/255.0f alpha:1.0f];

Read Grey (for text in a dark background)
rgb(221, 221, 221)
UIColor * color = [UIColor colorWithRed:221/255.0f green:221/255.0f blue:221/255.0f alpha:1.0f];

“It’s Everywhere” Grey (for off-white generic background)
rgb(238, 238, 238)
UIColor * color = [UIColor colorWithRed:238/255.0f green:238/255.0f blue:238/255.0f alpha:1.0f];

Last updated: