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

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

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

“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: