Global Colors

Primary Brand - Burgundy

Hex

#850129

RGB

rgb(133, 1, 41);

HTML/CSS Class Name

_primary

Use Case

Anywhere the central brand is communicated.

:::

Text Muted - Umber

HEX

#6e6159

RGB

rgb(110, 97, 89)

HTML/CSS Class Name

_text-muted

Use Case

<p> tags

:::

Grayscale

Pure White

Hex

#ffffff

RGB

rgb(255, 255, 255);

HTML/CSS Class Name

_white

Use Case

:::

Site White

Hex

#fcfcfcfc

RGB

rgb(252, 252, 252);

HTML/CSS Class Name

_site-white

Use Case

Background of the website

:::

Light Gray

Hex

#f0efee

RGB

rgb(240, 239, 238);

HTML/CSS Class Name

_light-gray

Use Case

Background of cards on the website

:::

Typography Black

Hex

#333333

RGB

rgb(51, 51, 51);

HTML/CSS Class Name

_type-black

Use Case

<h1,2,3,4,5,6> tags

:::

Site Black

Hex

#181716

RGB

rgb(24, 24, 22);

HTML/CSS Class Name

_site-black

Use Case

Background of the website (when functional black is desired)

:::

G.R.O.W.

G.R.O.W. - G

Hex

#504aa1

RGB

rgb(80, 74, 161);

HTML/CSS Class Name

_grow-g

Use Case

The primary color for G.R.O.W - G

:::

G.R.O.W. - R

Hex

#ed3563

RGB

rgb(237, 53, 99);

HTML/CSS Class Name

_grow-r

Use Case

The primary color for G.R.O.W - R

:::

G.R.O.W. - 0

Hex

#60c3a6

RGB

rgb(96 195 166);

HTML/CSS Class Name

_grow-o

Use Case

The primary color for G.R.O.W - O

:::

G.R.O.W. - W

Hex

#fcca09

RGB

rgb(252, 202, 9);

HTML/CSS Class Name

_grow-w

Use Case

The primary color for G.R.O.W - W

:::

Stewardship

Indigo dye

Hex

#324664

RGB

rgb(50, 70, 100);

HTML/CSS Class Name

_indigo-dye

Use Case

The primary color for Stewardship 2024

Wisteria

Hex

#aea1ca

RGB

rgb(174, 161, 202);

HTML/CSS Class Name

_wisteria

Use Case

The secondary color for Stewardship 2024

Question

Anything need to be added here?!

Share your feedback