brand guide

Last Updated: 10.12.26

Crafted by

brand guide

Welcome

Logo

Color

Typography

Photography

Voice + Tone

Circle Bursts

Creative Examples

Downloads

Last Updated: 10.12.26

Crafted by

Color

Palette

Our rainbow of colors are an outward expression of our bold, fun, and energetic personality. Our palette is vivid. So we stay rooted by relying on Gem, Blueprint, and Snow to provide the foundation for our bright colors to build on.

That’s not to say you can never use Highlighter as a background flood. But because it’s so intense, you need to wield that power carefully. Some things are better in smaller doses. See Creative Examples for the palette in use.

Color conversions sourced from Pantone Connect as of August 2026.

Color

Palette

Color conversions sourced from Pantone Connect as of August 2026.

GEM

purple

PMS

669 C

HEX

#3F2A56

RGB

63 42 86

CMYK

80 97 0 45

GEM

purple

PMS

669 C

HEX

#3F2A56

RGB

63 42 86

CMYK

80 97 0 45

BLUEPRINT

blue

PMS

2369 C

HEX

#3b3fb6

RGB

59 63 182

CMYK

94 83 0 0

BLUEPRINT

blue

PMS

2369 C

HEX

#3b3fb6

RGB

59 63 182

CMYK

94 83 0 0

Ember

orange

PMS

2027 C

HEX

#ee5340

RGB

238 83 64

CMYK

0 80 79 0

Highlighter

yellow

PMS

395 c

HEX

#ece81a

RGB

236 232 26

CMYK

6 0 92 0

Sprig

green

PMS

2290 c

HEX

#aadb1e

RGB

170 219 30

CMYK

34 0 95 0

Chalk

gray

PMS

270 c (40%)

HEX

#e0e0f1

RGB

224 224 241

CMYK

10 9 0 0

Grenadine

red

PMS

192 C

HEX

#e40046

RGB

228 0 70

CMYK

0 100 62 0

Sweet Pea

pink

PMS

2037 C

HEX

f395c7

RGB

243 149 199

CMYK

1 48 0 0

Sweet Pea

pink

PMS

2037 C

HEX

f395c7

RGB

243 149 199

CMYK

1 48 0 0

Grenadine

red

PMS

192 C

HEX

#e40046

RGB

228 0 70

CMYK

0 100 62 0

Chalk

gray

PMS

270 c (40%)

HEX

#e0e0f1

RGB

224 224 241

CMYK

10 9 0 0

Blac

black

PMS

----

HEX

#000000

RGB

0 0 0

CMYK

0 0 0 100

Snow

white

PMS

----

HEX

#ffffff

RGB

255 255 255

CMYK

0 0 0 0

Color

Web Accessibility

The color pairings below are shown with their corresponding contrast ratio.

These ratios are important for accessibility purposes in web applications.

To pass color contrast standards set by the Web Content Accessibility Guidelines, please meet or exceed the following ratios:

Safe for Large Text ≥ 3 : 1

Safe for Small Text ≥ 4.5 : 1

Color combinations not shown here fall below the recommended contrast ratios.

Low-contrast combinations may be used for design elements and accents, but are not recommended for important content online.

Color

Web Accessibility

The color pairings below are shown with their corresponding contrast ratio.

These ratios are important for accessibility purposes in web applications.

To pass color contrast standards set by the Web Content Accessibility Guidelines, please meet or exceed the following ratios:

Safe for Large Text ≥ 3 : 1

Safe for Small Text ≥ 4.5 : 1

Color combinations not shown here fall below the recommended contrast ratios.

Low-contrast combinations may be used for design elements and accents, but are not recommended for important content online.

gem

ember

3.5 : 1

gem

highlighter

9.6 : 1

gem

sprig

7.6 : 1

gem

sweet pea

5.9 : 1

gem

chalk

9.6 : 1

gem

snow

12.5 : 1

blueprint

highlighter

6.2 : 1

blueprint

sprig

5 : 1

blueprint

sweet pea

3.8 : 1

blueprint

chalk

6.2 : 1

blueprint

snow

8.1 : 1

blac

white

8.1 : 1

blac

ember

5.9 : 1

blac

highlighter

16.1 : 1

blac

sprig

12.8 : 1

blac

sweet pea

9.9 : 1

blac

grenadine

4.3 : 1

blac

chalk

8.1 : 1

ember

snow

3.5 : 1

grenadine

highlighter

3.6 : 1

grenadine

chalk

3.6 : 1

grenadine

snow

4.7 : 1

blac

snow

8.1 : 1

Logo

Typography

Logo

Typography