Super.com Brand Portal

Super.com Pink

Hex

FF0099

Copied!

RGB

255, 0, 153

CMYK

5, 97, 0, 0

PMS

PMS Rhodamine Red

Super.com Black

Hex

000000

Copied!

RGB

255, 255, 255

CMYK

30, 30, 30, 100

Super.com White

Hex

FFFFFF

Copied!

RGB

0, 0, 0

CMYK

0, 0, 0, 0

Primary colors

Super.com Pink, our primary brand color, is crisp, bright, and full of energy. It was chosen to help our brand stand out in noisy environments and to differentiate us from traditional money-related brands.

In most instances use only the primary color, plus black and/or white
‍
Background colors should be limited to the lightest tints of each of the colors above
‍
Pantone values are recommendations
‍
Variables such as material or paper may effect printing
‍
Always be sure to run test prints prior to full production

Active Pink

Hex

E00087

Copied!

RGB

224, 0, 135

CMYK

6, 100, 4, 0

Active color

Super.com Active Pink is used for CTA buttons, links, or when contrast ratio becomes an issue using our primary Super.com Pink e.g. small white text on pink background. When in doubt, refer to WCAG guidelines for color contrast standards in your designs. Never express the Super.com logomark, or the Bolt, using this color.

Darkest

Hex

464644

Copied!

RGB

70, 70, 68

CMYK

66, 59, 60, 43

Dark

Hex

999999

Copied!

RGB

153, 153, 153

CMYK

43, 35, 35, 0

Medium

Hex

D8D8D8

Copied!

RGB

216, 216, 216

CMYK

14, 11, 11, 0

Light

Hex

F4F4F4

Copied!

RGB

244, 244, 244

CMYK

3, 2, 2, 0

Light Purple

Hex

EDEDFE

Copied!

RGB

237, 237, 255

CMYK

5, 5, 0, 0

Light Yellow

Hex

FCF0D8

Copied!

RGB

254, 393, 213

CMYK

3, 2, 2, 0

Light Pink

Hex

FAE0F1

Copied!

RGB

255, 223, 242

CMYK

0, 15, 0, 0

Light Pink Medium

Hex

FCEEF8

Copied!

RGB

255, 238, 248

CMYK

0, 7, 0, 0

Very Link Pink

Hex

FEF9FC

Copied!

RGB

255, 248, 252

CMYK

0, 2, 0, 0

Light Blue

Hex

F1F8FF

Copied!

RGB

239, 248, 255

CMYK

4, 0, 0, 0

Tertiary colors

Our tertiary colors were selected to add depth to our overall brand palette. That said, these colors should be used sparingly and mainly for background colors, illustrations, and icons.

Darkest

Hex

290219

Copied!

RGB

41, 2, 25

CMYK

63, 81, 59, 75

Dark

Hex

540233

Copied!

RGB

84, 2, 51

CMYK

47, 100, 49, 50

Light

Hex

A60264

Copied!

RGB

166, 2, 100

CMYK

27, 100, 31, 4

Super+ color palette

Our Super+ color palette is used for UI elements within Super+, our membership tier. The Super+ world is primarily dark mode, and utilizes a moodier color palette.

Black on light purple

Black on light blue

Black on light pink

Black on light yellow

White on purple

ADA accessibility

On the website, we may use white text on pink at times because we have more control over text size. In our product app UI, we use Super.com Purple for button colors because it provides appropriate contrast for white text. We’re aiming for a minimum AA rating on the website and ideally AAA in the app due to its smaller size and the average age of our target audience.

White on light purple

White on light blue

White on light pink

White on light yellow

Light grey on white

Light pink on white

Non accessible colors

Color combinations such as these examples should be avoided as they do not provide enough contrast and legibility.

Our Logomark

Typography