04 Color

Primary palette

Our core brand color, used to establish Whop’s visual identity. It should take the lead in most applications, including digital, print, and product UI.

Name:

Dragon Fire

Hex:

#FA4616

RGB:

250/070/022

Name:

Dragon Fire

Hex:

#FA4616

RGB:

250/070/022

Name:

Dragon Fire

Hex:

#FA4616

RGB:

250/070/022

Name:

Midnight

Hex:

#141212

RGB:

020/018/018

Name:

Midnight

Hex:

#141212

RGB:

020/018/018

Name:

Midnight

Hex:

#141212

RGB:

020/018/018

Name:

Snow

Hex:

#FCF6F5

RGB:

252/246/245

Name:

Snow

Hex:

#FCF6F5

RGB:

252/246/245

Name:

Snow

Hex:

#FCF6F5

RGB:

252/246/245

Extended palette

Includes our primary color plus accent colors to create flexibility and variety in designs. These colors can be used to highlight important elements, differentiate sections, and add personality.

Name:

Dragon Fire

Hex:

#FA4616

RGB:

250/070/022

Name:

Dragon Fire

Hex:

#FA4616

RGB:

250/070/022

Name:

Dragon Fire

Hex:

#FA4616

RGB:

250/070/022

Name:

Midnight

Hex:

#141212

RGB:

020/018/018

Name:

Midnight

Hex:

#141212

RGB:

020/018/018

Name:

Midnight

Hex:

#141212

RGB:

020/018/018

Name:

Snow

Hex:

#FCF6F5

RGB:

252/246/245

Name:

Snow

Hex:

#FCF6F5

RGB:

252/246/245

Name:

Snow

Hex:

#FCF6F5

RGB:

252/246/245

Name:

Lemon-Lime

Hex:

#DBF505

RGB:

219/245/005

Name:

Lemon-Lime

Hex:

#DBF505

RGB:

219/245/005

Name:

Lemon-Lime

Hex:

#DBF505

RGB:

219/245/005

Name:

Byzantine Blue

Hex:

#1754D8

RGB:

023/084/216

Name:

Byzantine Blue

Hex:

#1754D8

RGB:

023/084/216

Name:

Byzantine Blue

Hex:

#1754D8

RGB:

023/084/216

Extended palette

A broader set of colors used for sub-brands, illustrations, or special projects when additional differentiation is needed. These colors ensure consistency while allowing room for creative expression.

Lavender

#D7E1F7

Lavender

#D7E1F7

Lavender

#D7E1F7

Misty Rose

#F6DCD5

Misty Rose

#F6DCD5

Misty Rose

#F6DCD5

Cream

#F9FACE

Cream

#F9FACE

Cream

#F9FACE

Lavender (web)

#EFE7FF

Lavender (web)

#EFE7FF

Lavender (web)

#EFE7FF

Tea Green

#D9F9CB

Tea Green

#D9F9CB

Tea Green

#D9F9CB

Mimi Pink

#FFD9E7

Mimi Pink

#FFD9E7

Mimi Pink

#FFD9E7

True Blue

#52699A

True Blue

#52699A

True Blue

#52699A

Burnt Sienna

#E86644

Burnt Sienna

#E86644

Burnt Sienna

#E86644

Moss Green

#9B9B3D

Moss Green

#9B9B3D

Moss Green

#9B9B3D

Violet

#8160CE

Violet

#8160CE

Violet

#8160CE

Viridian

#00876D

Viridian

#00876D

Viridian

#00876D

Thulian Pink

#E26394

Thulian Pink

#E26394

Thulian Pink

#E26394

Byzantine Blue

#1754D8

Byzantine Blue

#1754D8

Byzantine Blue

#1754D8

Dragon Fire

#FA4616

Dragon Fire

#FA4616

Dragon Fire

#FA4616

Lemon-Lime

#DBF505

Lemon-Lime

#DBF505

Lemon-Lime

#DBF505

Electric Indigo

#6318F8

Electric Indigo

#6318F8

Electric Indigo

#6318F8

Lime Green

#06D718

Lime Green

#06D718

Lime Green

#06D718

Magenta

#FF008D

Magenta

#FF008D

Magenta

#FF008D

Oxford Blue

#09142E

Oxford Blue

#09142E

Oxford Blue

#09142E

Black Bean

#351209

Black Bean

#351209

Black Bean

#351209

Drab Dark Brown

#373807

Drab Dark Brown

#373807

Drab Dark Brown

#373807

Dark Purple

#340527

Dark Purple

#340527

Dark Purple

#340527

Dark Green

#141212

Dark Green

#141212

Dark Green

#141212

Melon

#E2AAA5

Melon

#E2AAA5

Melon

#E2AAA5

Color example

Real-world examples of how the Whop color palette is applied across various touchpoints—from product screens to marketing assets. This helps visualize the brand in action.

Extended palette

Clear color usage keeps our brand consistent and impactful. Follow these guidelines to ensure Whop’s colors always look their best.

Use primary palette when possible

Use the extended palette in pairing with the primary palette

Do not set all black type on an orange background

Do not use colors outside of the palettes

Do not use only the extended palette

Combining color

Tips for pairing colors from the palette to create dynamic, visually appealing designs. Learn how to maintain harmony and balance while keeping Whop’s brand personality at the forefront.

Logo

Typography