The soul of DocuSign

Our customers and signers make courageous choices, and our bold color palette gives us a vivid personality that reflects those choices. 

Our color palette is inspired by paper-white and black text with neons as highlights and accents. In documents and agreements, these accents indicate places to draw your attention, to take action and move forward.

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.

Black
#000000
Copy
WHITE
#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.

SIG YELLOW
#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.

PINK
#FF0099
Copy
Purple
#983DD8
Copy
BLUE
#016ff9
Copy
TEAL
#00D8C6
Copy
Green
#38E869
Copy
ORANGE
#FF6948
Copy
RED
#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
PINK
#FF0099
Copy
#C40076
Copy
#8E0055
Copy
#5B0037
Copy
#380022
Copy
#F7F1FC
Copy
#E7D2F6
Copy
#D3ADEE
Copy
#C790EF
Copy
#BA73ED
Copy
Purple
#983DD8
Copy
#8830C9
Copy
#652990
Copy
#3F195A
Copy
#240F34
Copy
#F0F4FF
Copy
#D0D9FF
Copy
#A7B9FF
Copy
#81A0FF
Copy
#5B8BFF
Copy
Blue
#006FF9
Copy
#005CD3
Copy
#01439C
Copy
#002965
Copy
#00163F
Copy
#DCFAF7
Copy
#82ECE2
Copy
TEAL
#00D8C6
Copy
#00B8A7
Copy
#00A89A
Copy
#008479
Copy
#007268
Copy
#00514A
Copy
#00322E
Copy
#001D1B
Copy
#DDFBE5
Copy
#81F1A0
Copy
Green
#38E869
Copy
#2CBB54
Copy
#28A94C
Copy
#20873C
Copy
#1C7434
Copy
#145325
Copy
#0C3217
Copy
#071D0D
Copy
#FFF1EE
Copy
#FFCEC3
Copy
#FEA691
Copy
#FE7E61
Copy
orange
#FF6948
Copy
#C55137
Copy
#A9422F
Copy
#783222
Copy
#4A1F15
Copy
#2A120C
Copy
#FFF1F1
Copy
#FDCFCF
Copy
#FCA4A4
Copy
#FB7E7D
Copy
red
#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.

N10
#f4f4f6
Copy
N20
#d8d9e0
Copy
N30
#bcbbc8
Copy
N40
#a4a2b4
Copy
N50
#908da4
Copy
N60
#706D88
Copy
N70
#63607C
Copy
N80
#48455e
Copy
N90
#2b2a3b
Copy
N100
#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.

Digital examples

Explore a selection of approved usage featuring our color palette on digital applications.

Sig yellow for print

Use the Pantone and CMYK values when reproducing Sig yellow for print applications.

CMYK
Use the CMYK color palette for anything printed, such as in-person events, booth graphics, outdoor boards, wall graphics and print ads.
Pantone
Use Pantone colors for offset printing or specifying a color for an item, such as embroidery thread, silk screening on t-shirts and plastics. The preferred color to use is PMS 809 (it's fluorescent).

Print examples

Explore a selection of approved usage featuring our color palette on print applications.

Mistakes to avoid

Color adds a fun element to the DocuSign brand. Just avoid these common mistakes that don't align with our identity.

Lack of contrast
Avoid lack of contrast. Make sure to meet WCAG 2.0 level AA requirements.
Too many accent colors
Don't overuse accent colors. Stick to one accent color per composition.
Text in color
Never set text on an accent color. Headlines and body copy should always be black or white.