Skip to main content
Dropbox full-color logo Primary logo
Dropbox white logo on brand color Reversed logo
Dropbox icon mark Icon mark

Dropbox

Dropbox's five-diamond open-box mark sits alongside a lowercase wordmark set in a custom cut of Sharp Grotesk, all rendered in Dropbox Blue (#0061FE). The 2017 rebrand by Collins replaced the literal box with an abstract isometric form and introduced an expansive, clashing accent palette that signalled Dropbox's shift from file storage to creative workspace

Designer
Collins
Year
2017
Country
United States

Dropbox’s identity pairs an abstract five-diamond logomark with a lowercase wordmark, both rendered in Dropbox Blue (#0061FE, Pantone 300). The mark is built on an isometric grid, transforming the original literal open-box icon into a collection of flat diamond surfaces that suggest depth, openness, and the convergence of multiple planes. The wordmark is set in a custom weight of Sharp Grotesk, drawn by Sharp Type specifically for Dropbox between the foundry’s Medium 20 and Semibold 20 widths. Together, mark and type sit against a palette that ranges from the signature blue to vivid, deliberately clashing accent colours.

Logo history

Dropbox launched in 2007 with a simple open-box icon and a wordmark in a standard sans-serif. The logo received minor refinements over its first decade, adding gradient shading to the box and cleaning up the letterforms, but maintained a consistent blue-and-white identity. The 2017 rebrand, led by New York consultancy Collins in collaboration with the in-house Dropbox Brand Studio, was the company’s most radical visual shift. The literal box became an abstract isometric form composed of five diamond shapes, the wordmark was redrawn in Sharp Grotesk, and the colour system expanded from a single blue to a broad spectrum of accent hues. Aaron Robbs (creative director) and Nicholas Jitkoff (VP of design) directed the effort, which also involved studios Instrument, XXIX, and animation house Animade.

Design philosophy

The rebrand was driven by a repositioning from file storage to collaborative creative workspace. Collins designed a system where expressiveness could be dialled up or down depending on context: vivid and confrontational in marketing, restrained and functional within the product interface. Sharp Grotesk, with its 259-font family spanning extreme widths from squat and heavy to ultra-narrow, gave Dropbox the typographic range to match this philosophy. The isometric logomark animates along its grid, transforming between configurations to represent different products and states. The colour palette deliberately rejects safe corporate pairings: Dropbox Blue sits alongside accent colours like Crimson, Tangerine, Lime, and Orchid in combinations designed to create visual tension rather than harmony.

Brand identity

Dropbox’s brand guidelines define three colour categories: core (Dropbox Blue, Coconut, Graphite), accents (a spectrum of 18 named hues including Azalea, Sunset, Canopy, and Zen), and greys (a 20-step neutral scale). The logomark and wordmark lock up horizontally, with the mark always appearing in Dropbox Blue or in a single-colour inverse treatment. Product sub-brands like Dropbox Paper and Dropbox Business received their own wordmarks drawn by Sharp Type as custom weights within the Sharp Grotesk family, maintaining typographic consistency across the portfolio. Illustration commissions from external artists, rendered in graphite pencil with layered colour, became a signature element of the system, reinforcing the creative-workspace positioning.

Cultural impact

The 2017 Dropbox rebrand became one of the most discussed identity projects in the design community, praised by some for its ambition and criticised by others for its aggressive palette. It represented a broader shift in Silicon Valley branding: the move away from safe, friendly, blue-and-white identities toward expressive systems that treat a brand as a flexible platform rather than a fixed mark. Collins’ approach, deploying a 259-font family and a palette of intentional clashes, influenced how other technology companies thought about typographic range and colour as strategic tools. The isometric box mark proved the concept that a familiar symbol could be abstracted far from its origin while retaining recognition.

Clear space

Maintain adequate clear space around the Dropbox logo to ensure visual integrity and maximum legibility. The minimum exclusion zone equals the height of the logo's cap height (represented as "x") on all sides. This protective space prevents the logo from appearing cluttered when placed near other graphic elements, text, or page edges.

x
x
x
x

Ratio: 5.1 : 1

ViewBox: 1000 × 197

Logo usage guidelines

Preserve the integrity of the Dropbox logo by avoiding unauthorized modifications. Consistent application across all touchpoints strengthens brand recognition and maintains professional standards. The examples below illustrate common misuses that compromise the logo's visual impact and brand identity.

Incorrect: Dropbox logo rotated

Don't rotate

Incorrect: Dropbox logo skewed

Don't skew

Incorrect: Dropbox logo stretched

Don't stretch

Incorrect: Dropbox logo recolored

Don't recolor

Incorrect: Dropbox logo with drop shadow

Don't add shadows

Incorrect: Dropbox logo cropped

Don't crop

Incorrect: Dropbox logo with outline border

Don't outline

Incorrect: Dropbox logo on busy background

Don't place on busy backgrounds

Frequently asked questions

What colors does Dropbox use in its logo?

The Dropbox logo uses 3 colors: Dropbox Blue (#0061FE), Graphite (#1E1919), and Coconut (#F7F5F2). The signature Dropbox Blue (#0061FE) corresponds to 300 in print. These values are used consistently across all official Dropbox brand materials.

Can I download the Dropbox logo in SVG format?

Yes. Click the Download SVG button at the top of this page to get a production-ready vector file. SVG format scales to any size without quality loss, making it ideal for websites, presentations, and print materials.

Who designed the Dropbox logo?

The Dropbox logo was designed by Collins in 2017. The design has become one of the better-known marks in the Technology space.

What are the Dropbox brand guidelines for logo usage?

Maintain clear space equal to the logo's cap height on all sides. Do not rotate, skew, stretch, recolor, crop, or add effects to the logo. Always use the official SVG file and ensure sufficient contrast with the background.

What is a reverse logo (also called knockout logo)?

A reverse logo is a white or light version designed for use on dark backgrounds. It maintains the same proportions as the primary Dropbox logo while ensuring legibility on brand-colored surfaces, dark packaging, or apparel.

What font does Dropbox use in its logo?

The Dropbox logo uses Sharp Grotesk. For accurate representation, always use the official vector logo rather than attempting to recreate the typography.

Can I use the Dropbox logo commercially?

Commercial use of the Dropbox logo typically requires written permission from Dropbox. The logo is trademarked intellectual property, so while editorial use and accurate product references are generally permitted, promotional or commercial use needs authorization. Do not alter the logo or use it to imply endorsement.