COLOR

04 The soul
of DocuSign

Color unifies the DocuSign brand, creates continuity, and allows us to communicate appropriate tone and mood. Black, white and gray, for example, communicate honesty and effectiveness, while our color palette indicates creativity and fun.

Use Colors in Figma

A Figma starter file

Primary Palette

The core of our brand palette is black and white—our digital hat-tip to ink on paper. We use this neutral base as a simple, confident canvas. We can then layer on text, photography, video, animation, and product UI, knowing this starting point will ensure that our content shines. We primarily use white for backgrounds, and black for text and messaging.

White

#FFFFFF

Black

#000000

Neutral Spectrum

#F4F4F6

#D9D9E0

#BCBBC8

#A4A2B4

#908DA4

#76748E

#65627F

#48455E

#2C2A3B

#191823

Ink

The spectrum's slate-leaning tones are derived from liquid ink, and represent the digital application of wet signatures.

Brand Colors

Green

#D2FFDF

#5CF999

#13E280

#11BC69

#0BA65C

#08884B

#06753F

#02542C

#023419

#001F0C

Teal

#D2FFFD

#5EEDE7

#BCBDBF

#0BB7B0

#04A29A

#01857F

#02726E

#02504D

#003330

#001D1C

Aqua

#E5F9FF

#81E9FF

#00CFE9

#00B4CC

#009EB3

#008295

#006F83

#00505C

#003139

#001D22

Blue

#F0F4FF

#D0D9FF

#A7B9FF

#81A0FF

#5B8BFF

#006FF9

#005FD7

#01439C

#002965

#00163F

Indigo

#F4F3FF

#DBD6FD

#BDB4FC

#A3A4A6

#917EFA

#795BF8

#683EF7

#4B12CE

#2E0987

#1A0356

Orchid

#F6F2FF

#E0D4FF

#C9AFFF

#B78FFF

#A972FF

#9845FF

#8E06FF

#6600BB

#400079

#27004D

Magenta

#FCF0FE

#F5CDFD

#ECA1FC

#E777FA

#E349F9

#C523DA

#AB19BF

#7C1089

#4F0758

#310237

Fuchsia

#FFF0F5

#FFCDDF

#FF9FC6

#FF74B2

#FF42A3

#E3008A

#C50076

#8F0054

#5C0034

#39001F

Cool Red

#FFF0FC

#F9D0E6

#FFA9CE

#F580A9

#F45A85

#DE2D59

#C1244B

#8C1634

#5A0A1E

#380410

Warm Red

#FFF0F1

#FFC9C7

#FEA4A1

#FF7C76

#FF5348

#E72501

#C81D01

#911300

#5D0900

#3A0300

Yellow

#FFF7C4

#FFD651

#F0B300

#DF9B01

#C98400

#AC6600

#96530E

#6F3B0D

#4A2004

#300F02

Special Use Palettes

These colors represent The Docusign Agreement Cloud and are a special palette in our brand. Each color is used to connect messaging to a core phase of the agreement process, and should only be used when doing so. These colors cannot be used in any other brand application, including use as highlights, callouts, or visual interest.

Sign Yellow

#D6FB00

Manage Magenta

#FF3BDD

Prepare Green

#00EE00

Act Cyan

#0BC6FF

Agreement Cloud Gradient

COLOR

04

The soulof DocuSign

Use Colors in Figma

Primary Palette

Neutral Spectrum

Brand Colors

Special Use Palettes

How We Use Color

The soul
of DocuSign