Colors

These are Wikia's colors. Copy the hex codes below, or download the entire pallette as an ASE file.

Download color swatches:

ASE format

ACO format

Default User Experience Colors

Dark Blue

HEX: #092344
RGB: 9, 33, 64
Primary color large-3 columns for buttons, logo and some other places

Light Blue

HEX: #1A5EB8
RGB: 10, 95, 163
Used for hover states also as a secondary color large-3 columns and for links

Semi Dark Blue Gray

HEX: #39424D
RGB: 85, 85, 85
Main color large-3 columns used for any body text

Medium Gray

HEX: #656E78
RGB: 159, 159, 159
Used for text placeholders

Blue Gray

HEX: #C5CED9
RGB: 199, 209, 216
Mostly used for lines and borders

Light Blue Gray

HEX: #E6EBF2
RGB: 238, 241, 244
Used for form background

Gray

HEX: #F2F6FA
RGB: 247, 247, 247
Used for additional elements, like special cases, buttons, forms, etc.

White

HEX: #FFFFFF
RGB: 255, 255, 255
Used for primary buttons and main color large-3 columns for clickable elements on corporate pages

SCSS variables

$color-blue-dark       : #092344;
$color-blue-light      : #1A5EB8;
$color-gray-dark       : #39424D;
$color-blue-gray-dark  : #656E78;
$color-blue-gray       : #C5CED9;
$color-blue-gray-light : #E6EBF2;
$color-gray-light      : #F2F6FA;
$color-white           : #FFFFFF;
$color-black           : #000000;

Primary Brand Colors

Mordor

Hex: #000000
RGB: 0, 0, 0

Dark Knight

Hex: #092344
RGB: 9, 33, 64

LL Cool Blue

Hex: #0A5FA3
RGB: 10, 95, 163

Winterfell

Hex: #C7D1D8
RGB: 199, 209, 216

Walter White

Hex: #FFFFFF
RGB: 255, 255, 255

Secondary Brand Colors

Hellboy Comics

Hex: #FF5400
RGB: 255, 85, 0

Yoshi Games

Hex: #94D11F
RGB: 148, 209, 32

Clockwork Books

Hex: #FF7F26
RGB: 255, 128, 39

Team Zissou Movies

Hex: #09D3BF
RGB: 10, 211, 191

Sunny Side Up Lifestyle

Hex: #FFD000
RGB: 255, 208, 0

Mary J. Blush Music

Hex: #C819AD
RGB: 200, 25, 173

Sailor Mercury TV

Hex: #00B7E0
RGB: 0, 182, 224

SCSS variables

$color-hub-comics    : #FF5400;
$color-hub-games     : #94D11F;
$color-hub-books     : #FF7F26;
$color-hub-movies    : #09D3BF;
$color-hub-lifestyle : #FFD000;
$color-hub-music     : #C819AD;
$color-hub-tv        : #00B7E0;