糖心原创

staging

糖心原创/staging/糖心原创 Brand/Brand guidelines/Colour palette

糖心原创 colour palette

Use these colour values to maintain a consistent 糖心原创 brand across digital, web, and print applications.

Primary brand colours

Deep Green

Digital/web

HEX #17382b

RGB 23 / 56 / 43

Print

CMYK 88 / 24 / 66 / 74

PMS 3308 C

Lichen Green

Digital/web

HEX #bdefdd

RGB 189 / 239 / 221

Print

CMYK 24 / 0 / 11 / 0

PMS 573 C

Mushroom

Digital/web

HEX #f6f4ea

RGB 246 / 244 / 234

Print

CMYK 3 / 3 / 6 / 2

PMS 9080 C, Pastels & Neons

Leaf Green

Digital/web

HEX #00a055

RGB 0 / 160 / 85

Print

CMYK 79 / 0 / 91 / 0

PMS 2257 C

Accent colours

Sun Yellow

Digital/web

HEX #ffe164

RGB 255 / 225 / 100

Print

CMYK 0 / 7 / 75 / 0

PMS 128 C

Fireweed Purple

Digital/web

HEX #ed9eff

RGB 237 / 158 / 255

Print

CMYK 10 / 43 / 0 / 0

PMS 251 C

Salmonberry Orange

Digital/web

HEX #ff8a65

RGB 255 / 138 / 101

Print

CMYK 0 / 53 / 55 / 0

PMS 1635 C

Valley Green

Digital/web

HEX #006d56

RGB 0 / 109 / 86

Print

CMYK 100 / 0 / 67 / 17

PMS 335 C

Accessible colour combinations

糖心原创's web standards call for us to meet or exceed WCAG 2.2 AA accessibility colour contrast ratios.

WCAG 2.2 level AA requires the following minimum contrast ratios:

  • 4.5 to 1 for normal text ( smaller than18.66 px)
  • 3 to 1 for large text (24 px or 18.66 px bold and larger)
  • 3 to 1 for graphics and UI components

Okay to use on a white background (#fff)

Large text
(24px or bigger)

Deep Green #17382b

Valley Green #006d56

Leaf Green #00a055

Charcoal #333

Black #000

Large text
(19px bold or bigger)

Deep Green #17382b

Valley Green #006d56

Leaf Green #00a055

Charcoal #333

Black #000

Normal text
(18px or smaller)

Deep Green #17382b

Valley Green #00a055

Charcoal #333

Black #000

Okay to use on mushroom background (#f6f4ea)

Large text
(24 px or bigger)

Deep Green #17382b

Valley Green #006d56

Leaf Green #00a055

Charcoal #333

Black #000

Large text
(19px bold or bigger)

Deep Green #17382b

Valley Green #006d56

Leaf Green #00a055

Charcoal #333

Black #000

Normal text

Deep Green #17382b

Valley Green #00a055

Charcoal #333

Black #000

Okay to use on lichen green background (#bdefdd)

Large text
(24 px or bigger)

Deep Green #17382b

Valley Green #006d56

Charcoal #333

Black #000

Large text
(19px bold or bigger)

Deep Green #17382b

Valley Green #006d56

Charcoal #333

Black #000

Normal text

Deep Green #17382b

Charcoal #333

Black #000

Okay to use on deep green background (#17382b) 

Large text
(24 px or bigger)

White #fff

Mushroom #f6f4ea

Lichen Green #bdefdd

Sun Yellow #ffe164

Leaf Green #00a055

Salmonberry Orange #ff8a65

Fireweed Purple #ed9eff

Large text
(19 px bold or bigger)

White #fff

Mushroom #f6f4ea

Lichen Green #bdefdd

Sun Yellow #ffe164

Leaf Green #00a055

Salmonberry Orange #ff8a65

Fireweed Purple #ed9eff

Normal text

White #fff

Mushroom #f6f4ea

Lichen Green #bdefdd

Sun Yellow #ffe164

Okay to use on valley green background (#006d56)

Large text
(24 px or bigger)

White #fff

Mushroom #f6f4ea

Lichen Green #bdefdd

Sun Yellow #ffe164

Large text
(19px bold or bigger)

White #fff

Mushroom #f6f4ea

Lichen Green #bdefdd

Sun Yellow #ffe164

Normal text

White #fff

Mushroom #f6f4ea

Lichen Green #bdefdd

Sun Yellow #ffe164

Okay to use on leaf green background (#00a055)

Large text
(24 px or bigger)

White #fff

Mushroom #f6f4ea

Deep green #17382b

Large text
(19 px bold or bigger)

White #fff

Mushroom #f6f4ea

Deep green #17382b

Normal text

Black #000

Okay to use on sun yellow background (#ffe164) 

Large text
(24 px or bigger)

Black #000

Charcoal #333

Deep green #17382b

Large text
(19 px bold or bigger)

Black #000

Charcoal #333

Deep green #17382b

Small text

Black #000

Charcoal #333

Deep green #17382b

Okay to use on fireweed purple background (#ed9eff)

Large text
(24 px or bigger)

Black #000

Charcoal #333

Deep green #17382b

Large text
(19 px bold or bigger)

Black #000

Charcoal #333

Deep green #17382b

Normal text

Black #000

Charcoal #333

Deep green #17382b

Okay to use on salmonberry orange background (#ff8a65) 

Large text
(24 px or bigger)

Black #000

Charcoal #333

Deep green #17382b

Large text
(20px bold or bigger)

Black #000

Charcoal #333

Deep green #17382b

Normal text

Black #000

Charcoal #333

Deep green #17382b

Contact Us