EGC

Brand

The Evergreen Cup look

Colors, type, and the way they fit together. A Pacific Northwest palette dressed in evergreen and overcast blue, with weather and bark filling out the rest.

Color

Evergreen and Cascade do the heavy lifting. Bark, Moss, Fog, and Rain fill out the world.

Evergreen

Deep forest green. The brand's anchor — the green you'll see most.

50#eefaf1
evergreen-50
100#d5f2de
evergreen-100
200#aee5bd
evergreen-200
300#7cd293
evergreen-300
400#49b86a
evergreen-400
500#2a9b50
evergreen-500
600#1d7c3f
evergreen-600
700#165f33
evergreen-700
800#104726
evergreen-800
900#0a301a
evergreen-900
950#051a0d
evergreen-950

Cascade

Overcast-sky blue. Pairs with Evergreen for the Doug Flag two-tone.

50#eef6fa
cascade-50
100#d5e8f1
cascade-100
200#a6cfe0
cascade-200
300#6fb2ce
cascade-300
400#3e92b8
cascade-400
500#00759c
cascade-500
600#005e7e
cascade-600
700#004861
cascade-700
800#033246
cascade-800
900#021e2c
cascade-900

Bark

Warm wood. Earthy accents and texture that doesn't lean green.

200#c9a984
bark-200
400#8e6738
bark-400
500#6b4423
bark-500
700#3f2812
bark-700

Moss

Lichen and undergrowth. Organic accents in atmosphere art.

400#8fa579
moss-400
600#5c7446
moss-600

Fog

Pale grey-blue. The color of body text and subdued labels.

100#edf2f4
fog-100
300#bcc8cd
fog-300
500#7f9094
fog-500

Rain

Cool grey-blue. Rain streaks, distant skylines, recessed details.

400#6d8da0
rain-400
600#3e5a70
rain-600
800#21323f
rain-800

Surfaces & text

How the colors above combine on a typical page.

The page itself#051a0dbackground
Cards and panels#0b261asurface
Raised cards, hover states#0f3322surface-elevated
Body text#edf2f4foreground
Secondary text#bcc8cdmuted
Buttons, links, focus rings#49b86aaccent

Type

Three families. Display sets the tone, body keeps reading easy, and mono keeps numbers tidy.

Big Shoulders Display

Evergreen Cup

Hero titles and section headers. Bold, slightly condensed, runs tight.

Geist

The cascades hold the rain. The forest holds the line.

Everything else: paragraphs, UI labels, navigation.

Geist Mono

00759c · 49b86a · 6b4423

Numbers, scores, timestamps, hex codes. Never used for paragraphs.

Need this in plain text?

A copy-paste version of the palette and type for designer handoff.

Open the plain-text version →