Dropbox

Dropbox's brand palette, anchored on Dropbox Blue (#0061FF) — the signature open-box blue that has carried the brand since its 2017 Collins-led refresh. The institutional voice pairs that saturated blue with a near-black canvas for text-forward marketing and a clean white for product surfaces. Where competing storage brands lean on cool neutrals, Dropbox commits to one strong blue.

9 swatches 14 light roles 14 dark roles saasproductivitydropboxstorageblue

Swatches

dropbox-blue
#0061FF
Signature saturated blue. Primary brand color — used on the wordmark, the open-box icon, primary CTAs, and key interactive surfaces.
dropbox-white
#FFFFFF
Canvas on light surfaces; reversed wordmark fill.
dropbox-black
#000000
Wordmark on light backgrounds; near-black marketing canvas.
dropbox-canvas-dark
#1E1919
Authored dark-mode canvas — warm near-black consistent with Dropbox's text-forward marketing pages.
dropbox-surface-light
#F7F5F2
Authored warm panel surface for light mode.
dropbox-surface-dark
#2C2727
Authored elevated surface on dark mode.
dropbox-text-secondary
#5A5A5A
Authored secondary text — neutral mid-gray on light canvas.
dropbox-text-tertiary
#909090
Authored tertiary / muted text.
dropbox-blue-hover
#3D85FF
Authored softer Dropbox Blue for hover / active states.

Mode role mappings

Light mode (14 roles)

accent → dropbox-blue
accent-hover → dropbox-blue-hover
background → dropbox-white
error → dropbox-blue
primary → dropbox-blue
primary-hover → dropbox-blue-hover
success → dropbox-blue
surface → dropbox-surface-light
surface-elevated → dropbox-white
text-primary → dropbox-black
text-secondary → dropbox-text-secondary
text-tertiary → dropbox-text-tertiary
warning → dropbox-blue
warning-hover → dropbox-blue-hover

Dark mode (14 roles)

accent → dropbox-blue
accent-hover → dropbox-blue-hover
background → dropbox-canvas-dark
error → dropbox-blue
primary → dropbox-blue
primary-hover → dropbox-blue-hover
success → dropbox-blue
surface → dropbox-surface-dark
surface-elevated → dropbox-surface-dark
text-primary → dropbox-white
text-secondary → dropbox-text-tertiary
text-tertiary → dropbox-text-secondary
warning → dropbox-blue
warning-hover → dropbox-blue-hover

Provenance

Source
https://www.dropbox.com/branding
License
Proprietary — All Rights Reserved
Attribution
Dropbox and the Dropbox logo are trademarks of Dropbox, Inc. The primary brand color Dropbox Blue (#0061FF) is documented on Dropbox's brand and press resources and is independently cross-referenced by the simple-icons brand database, which cites dropbox.com as the source.
Imported
2026-05-18
Notes
Only Dropbox Blue (#0061FF) and the canonical white/black surface tones are read directly from Dropbox's brand surfaces. Secondary neutrals (mid-grays, dark canvas, hover blue) are authored neutral inversions calibrated to support both modes consistently without fabricating hex values that Dropbox does not publish.