Colors

Primary Palette

Soda Green

HEX: 00D891

Lime

HEX: 77F174

Black

HEX: 000000

Blueberry

HEX: 27308C

Dark Grape

HEX: 4232EE

Soda Text Link Green

HEX: 00C181

Tonic

HEX: F5F7F7

Aluminum

HEX: 6D6D6C

Silver*

HEX: AAAAAA

Grape

HEX: 8075FF

Secondary Palette

Soda Live Pink

HEX: FF17A2

Dev Tools Blue

HEX: 00C9D6

Alert Soda Green

HEX: 00D891

Alert Lime

HEX: 77F174

Alert Yellow

HEX: FFBC1F

Alert Red

HEX: E71D36

Typography

The Soda font is Neue Haas Grotesk Text Std, in two weights: 55 Roman and 65 Medium.

Title

65 Medium
#000000
#00D891
#FFFFFF

This is a Title in Black or Soda Green.
AaBbCcDdEeFfGg

Header

65 Medium
#000000
#FFFFFF

This is a Header.
AaBbCcDdEeFfGg

Body

55 Roman
#6D6D6C
#AAAAAA
#FFFFFF
#000000
This is Body text which can be Aluminum, Silver, white, or black. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Pellentesque ultricies felis nec egestas iaculis. Vestibulum condimentum.

AaBbCcDdEeFfGg

Body Link

65 Medium
#00C181
Linked Body text looks like this.
AaBbCcDdEeFfGg

Body Bold

65 Medium
#6D6D6C
This is Body Bold text.
AaBbCcDdEeFfGg

Color Changes

Blueberry

HEX: 27308C

Blueberry Hover

HEX: 001D4C

Aluminum / Body Text

HEX: 6D6D6C

Old Body Text

HEX: 8b9092

Soda Live Pink

HEX: FF17A2

Soda Live Pink Hover

HEX: e20d87

Old Pink

HEX: ff139b

Dev Tools Blue

HEX: 00C9D6

Dev Tools Blue Hover

HEX: 00b2bd

Silver

HEX: AAAAAA

Old Body Text On Black

HEX: 8b9092

Buttons

Button Text
Button Text
Button Text
Button Text
Button Text

Soda Green Hover

HEX: 00B474

Blueberry Hover

HEX: 001D4C

Soda Live Pink Hover

HEX: E20D87

Dev Tools Blue Hover

HEX: 00B2BD

Special Logo Tiles

HelloFresh
Loom
Panasonic
Servier
Udemy
Cloud Academy
GoDataDriven
HelloFresh
Servier
Udemy

Light Card Over Soda Green

HEX: 00E499

Light Card Over Dev Tools Blue

HEX: 00D3E0

*Silver

Silver as a color should only be used as a body text color on dark backgrounds (such as black) under a white heading.

Heading

Silver Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
Button Text

Heading

Aluminum Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
Button Text