Colors

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
#1e8cbe
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
#0074a2
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
#78c8e6
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)
#2ea2cc
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)
#005684
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)
#f1831e
rgb(241, 131, 30)
UIColor * color = [UIColor colorWithRed:241/255.0f green:131/255.0f blue:30/255.0f alpha:1.0f];

Fire Orange
#d54e21
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)
#222222
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)
#333333
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)
#666666
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)
#999999
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)
#dddddd
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)
#eeeeee
rgb(238, 238, 238)
UIColor * color = [UIColor colorWithRed:238/255.0f green:238/255.0f blue:238/255.0f alpha:1.0f];

Last updated: