Colors

Colors are managed via Webflow variables. The following table outlines the available color variables.

These colors can be used via variables in the Webflow designer, via background colors via `bg-green-950` style classes or as text colors via `text-green-700` style class names.

bg-green-980

text-green-980

#031c17

green-980

bg-green-970

text-green-970

#133026

green-970

bg-green-950

text-green-950

#15372c

green-950, this is commonly referred to as "brand green dark"

bg-green-900

text-green-900

#335247

green-900

bg-green-800

text-green-800

#006147

green-800

bg-green-700

text-green-700

#008561

green-700, this is commonly referred o as "brand green medium"

bg-green-600

text-green-600

#24a47f

green-600

bg-green-500

text-green-500

#4cb398

green-500

bg-green-400

text-green-400

#73c2b0

green-400

bg-green-300

text-green-300

#90d1c2

green-300

bg-green-200

text-green-200

#ade1d4

green-200, this is commonly referred to as "brand green muted"

bg-green-100

text-green-100

#c9f0e6

green-100, this is commonly referred to as "brand green primary"

bg-green-50

text-green-50

#e6fff8

green-50, this is commonly referred to as "brand green light"

bg-green-25

text-green-25

#f3fffb

green-25

text-evergreen-700

#031c17

evergreen-700

text-evergreen-650

#112b22

evergreen-650

text-evergreen-625

#133026

evergreen-265

text-evergreen-600

#15372c

evergreen-600

bg-blue-500

text-blue-500

#3574d6

blue-500

bg-zinc-400

text-zinc-400

#b5b5b5

zinc-400

bg-zinc-300

text-zinc-300

#d8d8d8

zinc-300

bg-zinc-200

text-zinc-200

#f5f5f5

zinc-200

bg-red-200

text-red-200

#f9c9c5

red-200

Colors

Background Colors