Color Palette

COLOR

Color Palette

Color palette

For general purposes in creative development, use this color palette. Color Palette for Product, Dotcom, and Email is a specialized palette that requires approval for usage. Please contact HBOMax_Brand_Team@wbd.com for color guidance.

Primary Colors 
Obsidian black and pure white are used in the logos and in display text.

Secondary Colors 
Dark slate and medium slate are used in body text and as accent colors. 

Tertiary Color
Light slate should be used sparingly.

Primary Colors

Obsidian Black

HEX
RGB
CMYK
‍

#000000
0. 0. 0
60. 40. 40. 100

Copy Hex

#000000

Pure White

HEX
RGB
‍
‍

#FFFFFF
255. 255. 255

Copy Hex

#ffffff

Secondary Colors

Dark Slate

HEX
RGB
CMYK
PMS

#4E505B
78. 80. 91
69. 60. 49. 30
438

Copy Hex

#4E505B

Medium Slate

Copy Hex

#4F6984

HEX
RGB
CMYK
PMS

#4F6984
79. 105. 132
74. 52. 30. 10
2374

Tertiary Colors

Light Slate

HEX
RGB
CMYK

#8298AB
130. 152. 171
52. 33. 24. 0
‍

Copy Hex

#8298AB

Medium Slate

Copy Hex

#4F6984

HEX
RGB
CMYK
PMS

#4F6984
79. 105. 132
74. 52. 30. 10
2374

Radial Gradient

Radial Gradients

Gradients for Print

To create the gradient for specific needs, apply the following guidance.

Considerations

The size of the radial gradient is created in relation to the size of the composition.
Position the center of the gradient slider in the center of the comp. Set Max Light slider at 30%, the blend slider at 60%, and Max Dark slider at 100%. Place Max Dark slider 4%-17% outside of the comp radius, depending on the live area.
If recreating the radial gradient, add 2%-5% noise, depending on the size of the asset.

Radial Use

The radial gradient is to be used as a full frame background, primarily in motion for promos and outros. Refer to the gradient templates for visual consistency.

Linear Gradient

Considerations

The size of the linear gradient is in relation to both the size of the spotlight and the size of the composition.
It can transition horizontally or vertically, and is used in conjunction with the Max spotlight.

Linear Use

The linear gradient is used primarily in static. It is paired with the Max spotlight — the darkest side always closer to the spotlight.

Image Spotlight: Linear Gradient Under Spotlight

Blue Spotlight: Linear Gradient in Spotlight

White Spotlight: Linear Gradient Under Spotlight

Color Palette

Series

Series Color Palette

Uses

Houses

Series

Use across the entire visual identity.

Aubergine

PMS 518 C
CMYK 55.86.20.63
RGB 67.37.56
Hex #432538
‍

Copy Hex

#432538

Primary

Butterbeer

PMS 518 C
CMYK 5.5.17.0
RGB 246.238.216
Hex #f6eed8
‍

Copy Hex

#432538

Accent

Bottle Green

PMS 5467 C
CMYK 100.62.74.70
RGB 2.39.35
Hex #022723
‍

Copy Hex

#432538

Accent

Uses

For physical builds and large-scale designs, use aubergine and bottle green sparingly to avoid overwhelming natural materials and design details.  

Iridescent white or pure white logo on the dark radial gradient or a dark solid background.

Obsidian Black

HEX
RGB
CMYK
‍

#000000
0. 0. 0
60. 40. 40. 100

Copy Hex

#000000

Primary

Pure White

HEX
RGB
‍
‍
‍

#FFFFFF
255. 255. 255

Copy Hex

#ffffff

Primary

Dark Slate

HEX
RGB
CMYK
PMS
‍

#4E505B
78. 80. 91
69. 60. 49. 30
438

Copy Hex

#4E505B

Secondary

Medium Slate

Copy Hex

#4F6984

HEX
RGB
CMYK
PMS
‍

#4F6984
79. 105. 132
74. 52. 30. 10
2374

Secondary

Light Slate

HEX
RGB
CMYK
‍
‍

#8298AB
130. 152. 171
52. 33. 24. 0
‍

Copy Hex

#8298AB

Tertiary

Houses

Primary and secondary colors that set each house apart.

Gryffindor Red

PMS 7428 C
CMYK 35.100.50.70
RGB 89.19.32
Hex #591320
‍

Copy Hex

#432538

Primary

Gryffindor Gold

PMS 3547 C
CMYK 15.40.92.15
RGB 209.150.54
Hex #d19636
‍

Copy Hex

#432538

Secondary

Ravenclaw Blue

PMS 2767 C
CMYK 100.76.10.70
RGB 26.35.66
Hex #1a2342
‍

Copy Hex

#432538

Primary

Ravenclaw Bronze

PMS 132 C
CMYK 20.45.100.25
RGB 180.128.38
Hex #b48026
‍

Copy Hex

#432538

Secondary

Gryffindor

Gryffindor Red

PMS 7428 C
CMYK 35.100.50.70
RGB 89.19.32
Hex #591320
‍

Copy Hex

#432538

Primary

Gryffindor Gold

PMS 3547 C
CMYK 15.40.92.15
RGB 209.150.54
Hex #d19636
‍

Copy Hex

#432538

Secondary

Ravenclaw

Ravenclaw Blue

PMS 2767 C
CMYK 100.76.10.70
RGB 26.35.66
Hex #1a2342
‍

Copy Hex

#432538

Primary

Ravenclaw Bronze

PMS 132 C
CMYK 20.45.100.25
RGB 180.128.38
Hex #b48026
‍

Copy Hex

#432538

Secondary

Slytherin

Slytherin Green

PMS 2466 C
CMYK 92.44.67.55
RGB 34.64.58
Hex #022723
‍

Copy Hex

#432538

Primary

Slytherin Gray

PMS 2162 C
CMYK 42.29.21.1
RGB 171.171.171
Hex #ababab
‍

Copy Hex

#432538

Secondary

Hufflepuff

Hufflepuff Yellow

PMS 110 C
CMYK 20.36.100.0
RGB 209.162.44
Hex #d1a22c
‍

Copy Hex

#432538

Primary

Hufflepuff Dark

PMS 412 C
CMYK 73.74.73.75
RGB 41.33.32
Hex #292120
‍

Copy Hex

#432538

Secondary

Obsidian Black

HEX
RGB
CMYK
‍

#000000
0. 0. 0
60. 40. 40. 100

Copy Hex

#000000

Primary

Pure White

HEX
RGB
‍
‍
‍

#FFFFFF
255. 255. 255

Copy Hex

#ffffff

Primary

Dark Slate

HEX
RGB
CMYK
PMS
‍

#4E505B
78. 80. 91
69. 60. 49. 30
438

Copy Hex

#4E505B

Secondary

Medium Slate

Copy Hex

#4F6984

HEX
RGB
CMYK
PMS
‍

#4F6984
79. 105. 132
74. 52. 30. 10
2374

Secondary

Light Slate

HEX
RGB
CMYK
‍
‍

#8298AB
130. 152. 171
52. 33. 24. 0
‍

Copy Hex

#8298AB

Tertiary

COLOR

Color Palette

Color palette

Primary Colors 
Obsidian black and pure white are used in the logos and in display text.

Secondary Colors 
Dark slate and medium slate are used in body text and as accent colors. 

Tertiary Color
Light slate should be used sparingly.

Primary Colors

Secondary Colors

Obsidian Black

HEX
RGB
CMYK
‍

#000000
0. 0. 0
60. 40. 40. 100

Copy Hex

#000000

Pure White

HEX
RGB
‍
‍

#FFFFFF
255. 255. 255

Copy Hex

#ffffff

Dark Slate

HEX
RGB
CMYK
PMS

#4E505B
78. 80. 91
69. 60. 49. 30
438

Copy Hex

#4E505B

Medium Slate

Copy Hex

#4F6984

HEX
RGB
CMYK
PMS

#4F6984
79. 105. 132
74. 52. 30. 10
2374

Tertiary Colors

Light Slate

HEX
RGB
CMYK

#8298AB
130. 152. 171
52. 33. 24. 0
‍

Copy Hex

#8298AB

Pure White

HEX
RGB
‍
‍

#FFFFFF
255. 255. 255

Copy Hex

#ffffff

Dark Slate

HEX
RGB
CMYK
PMS

#4E505B
78. 80. 91
69. 60. 49. 30
438

Copy Hex

#4E505B

Medium Slate

Copy Hex

#4F6984

HEX
RGB
CMYK
PMS

#4F6984
79. 105. 132
74. 52. 30. 10
2374

Radial Gradient

Radial Gradients

Gradients for Print

To create the gradient for specific needs, apply the following guidance.

Considerations

The size of the radial gradient is created in relation to the size of the composition.
Position the center of the gradient slider in the center of the comp. Set Max Light slider at 30%, the blend slider at 60%, and Max Dark slider at 100%. Place Max Dark slider 4%-17% outside of the comp radius, depending on the live area.
If recreating the radial gradient, add 2%-5% noise, depending on the size of the asset.

Radial Use

The radial gradient is to be used as a full frame background, primarily in motion for promos and outros. Refer to the gradient templates for visual consistency.

Linear Gradient

Considerations

The size of the linear gradient is in relation to both the size of the spotlight and the size of the composition.
It can transition horizontally or vertically, and is used in conjunction with the Max spotlight.

Linear Use

The linear gradient is used primarily in static. It is paired with the Max spotlight — the darkest side always closer to the spotlight.

Image Spotlight: Linear Gradient Under Spotlight

Blue Spotlight: Linear Gradient in Spotlight

White Spotlight: Linear Gradient Under Spotlight

Color Palette

Color Palette

Color palette

Primary Colors

Obsidian Black

Pure White

Secondary Colors

Dark Slate

Medium Slate

Tertiary Colors

Light Slate

Medium Slate

Radial Gradient

Radial Use

Linear Gradient

Linear Use

Series

Houses

Series

Aubergine

Butterbeer

Bottle Green

Uses

Obsidian Black

Pure White

Dark Slate

Medium Slate

Light Slate

Houses

Gryffindor Red

Gryffindor Gold

Ravenclaw Blue

Ravenclaw Bronze

Gryffindor

Gryffindor Red

Gryffindor Gold

Ravenclaw

Ravenclaw Blue

Ravenclaw Bronze

Slytherin

Slytherin Green

Slytherin Gray

Hufflepuff

Hufflepuff Yellow

Hufflepuff Dark

Obsidian Black

Pure White

Dark Slate

Medium Slate

Light Slate

Color Palette

Color palette

Obsidian Black

Pure White

Dark Slate

Medium Slate

Light Slate

Pure White

Dark Slate

Medium Slate

Radial Gradient

Radial Use

Linear Gradient

Linear Use

Privacy Policy

Legal