DocuSign Brand

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 our content shines. We primarily use white for backgrounds and black for text and messaging.

#000000

Copy

#FFFFFF

Copy

Sig yellow

Inspired by highlighter yellow, Sig yellow is unique to DocuSign and shares its name with the Sig. When reproducing in RGB, use only Sig yellow for the Sig. For print applications, refer to the “Sig yellow for print” section below.

#D5FF00

Copy

Secondary palette

Colorful sticky notes call attention to "sign here" in printed documents. Likewise, our secondary colors stand out against the primary black and white. They add vibrancy and energy to the brand. Apply a secondary color as an optional accent depending on the context.

#FF0099

Copy

#983DD8

Copy

#006FF9

Copy

#00D8C6

Copy

#38E869

Copy

#FF6948

Copy

#FF5C5C

Copy

Expanded palette

Each secondary color includes 10 swatches ranging from light (tints) to dark (shades). Use this palette for more complex applications, such as infographics or diagrams.

#FFEFF9

Copy

#FFCAE9

Copy

#FF9CD7

Copy

#FE71C6

Copy

#FE48B6

Copy

#FF0099

Copy

#C40076

Copy

#8E0055

Copy

#5B0037

Copy

#380022

Copy

#F7F1FC

Copy

#E7D2F6

Copy

#D3ADEE

Copy

#C790EF

Copy

#BA73ED

Copy

#983DD8

Copy

#8830C9

Copy

#652990

Copy

#3F195A

Copy

#240F34

Copy

#F0F4FF

Copy

#D0D9FF

Copy

#A7B9FF

Copy

#81A0FF

Copy

#5B8BFF

Copy

#006FF9

Copy

#005CD3

Copy

#01439C

Copy

#002965

Copy

#00163F

Copy

#DCFAF7

Copy

#82ECE2

Copy

#00D8C6

Copy

#00B8A7

Copy

#00A89A

Copy

#008479

Copy

#007268

Copy

#00514A

Copy

#00322E

Copy

#001D1B

Copy

#DDFBE5

Copy

#81F1A0

Copy

#38E869

Copy

#2CBB54

Copy

#28A94C

Copy

#20873C

Copy

#1C7434

Copy

#145325

Copy

#0C3217

Copy

#071D0D

Copy

#FFF1EE

Copy

#FFCEC3

Copy

#FEA691

Copy

#FE7E61

Copy

#FF6948

Copy

#C55137

Copy

#A9422F

Copy

#783222

Copy

#4A1F15

Copy

#2A120C

Copy

#FFF1F1

Copy

#FDCFCF

Copy

#FCA4A4

Copy

#FB7E7D

Copy

#FF5C5C

Copy

#DB3939

Copy

#B43B3A

Copy

#802A2A

Copy

#4F1A1A

Copy

#2f0f0f

Copy

Neutral spectrum

Derived from liquid ink, the neutral spectrum represents the digital application of a wet signature.

#f4f4f6

Copy

#d8d9e0

Copy

#bcbbc8

Copy

#a4a2b4

Copy

#908da4

Copy

#706D88

Copy

#63607C

Copy

#48455e

Copy

#2b2a3b

Copy

#191823

Copy

Usage proportions

Proportion rules create balance and consistency. They also maintain a clear hierarchy in our color strategy for each application. Use the proportion that best accomplishes your design goals within any given context.

Use as accent

When using Sig yellow or the secondary palette as an accent, it should take up no more than 1/8 of the total design surface.

Use as flood

When using Sig yellow or the secondary palette as a flood, it can take up 1/2 or slightly more of the total design surface.

Gradients

Bright highlighter marks and sticky notes are common in contracts and business documents. Combining these colors creates a range of gradients. Use gradients to add impact to photo treatments, typography and other floods of color.

Primary gradient

The primary usage of the gradient features fully saturated colors in the complete range of the palette.

Secondary gradients

When an alternate version of the color treatment is needed, the gradient can be used with 3 stops to create a more simplified variation of the gradient.

The soul of DocuSign

Primary palette

Sig yellow

Secondary palette

Expanded palette

Neutral spectrum

Usage proportions

Gradients

Digital examples

Sig yellow for print

Print examples

Mistakes to avoid