Foundation
Color
This section explains the Dropbox colors, values, and how they’re used across our three main applications: See, Buy, and Use.
See
Tab is always Dropbox Blue
See Logo: Tab color for more information.
Wordmark is always Graphite on Coconut
See Logo: Wordmark color for more information.
One accent color only per communication
Accent color must be harmonious with content
When pairing an accent color with imagery, it’s important that they are harmonious. This can be achieved in two ways: complementary and analogous color pairings.
Analogous color pairing: choose a color that is similar to a detail in the photo or illustration.
Complementary color pairing: choose a color from the other end of the color spectrum.
For applications that have no image to pair with, or an image with no color, any color from the accent palette can be used.
Text color is determined by the background color
These examples ensure that Dropbox text always meets WCAG guidance for accessibility:
If the background is Graphite, the text can be the same light color from the accent palette used in the colored plane.
If the background is a dark color from the accent palette, the text should be Coconut.
If the background is a light color from the accent palette, the text should be Graphite.
Highlighting a word with color
It’s possible to highlight a specific word for emphasis. The color of the highlighted word should always be the same as the accent color.
Don’ts
Don’t use more than one accent color in a communication
Don’t place the wordmark on a color that isn’t Coconut.
In marketing communication, don’t use Dropbox Blue for elements other than the tab.
Don’t use a color for the tab that isn’t Dropbox Blue.
Don’t place colored text on a colored plane.
Don’t use more than one accent color in a communication