Dropbox Brand: Colors, Fonts, Logo & Visual Identity

Dropbox Brand Identity

A complete profile of Dropbox's visual system — colors, typography, components, and personality — extracted from http://dropbox.com. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from http://dropbox.com.

Primary: #0061FE
RGB: rgb(0, 97, 254)
Secondary: #DEEBFF
RGB: rgb(222, 235, 255)
Accent: #0061FE
RGB: rgb(0, 97, 254)
Background: #1E1919
RGB: rgb(30, 25, 25)
Text Primary: #1E1919
RGB: rgb(30, 25, 25)
Link: #494137
RGB: rgb(73, 65, 55)

Typography

Primary: Atlas Grotesk Web
Heading: Atlas Grotesk Web

Font Links: Each font links to its Google Fonts page where available.

Atlas Grotesk Web Google Fonts →

Visual Assets

%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M66.8534%2011.1269C66.8534%2015.2995%2069.1327%2017.5177%2073.1703%2017.5177C76.9474%2017.5177%2079.5089%2015.2995%2079.5089%2011.1269V10.7755C79.5089%206.55884%2076.904%204.23092%2073.1703%204.23092C69.5234%204.23092%2066.8534%206.51492%2066.8534%2010.7755V11.1269ZM76.2184%2011.1278C76.2184%2013.4426%2075.0645%2014.6993%2073.1702%2014.6993C71.2978%2014.6993%2070.1438%2013.4206%2070.1438%2011.1278V10.8192C70.1438%208.35003%2071.3631%207.04932%2073.192%207.04932C75.0427%207.04932%2076.2184%208.43822%2076.2184%2010.8192V11.1278Z%22%20style%3D%22fill%3A%20rgb(30%2C%2025%2C%2025)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M55.8155%2014.8834C56.5002%2016.5079%2057.8695%2017.5177%2059.9678%2017.5177C63.2144%2017.5177%2065.3347%2015.1468%2065.3347%2010.932V10.5588C65.3347%206.34398%2063.0819%204.25851%2060.0561%204.23656C58.0462%204.23656%2056.6327%205.1366%2055.926%206.78302V0.285156H52.6793V17.1884H55.5505L55.8155%2014.8834ZM62.0443%2010.9622C62.0443%2013.4682%2060.8862%2014.6993%2058.9851%2014.6993C57.1715%2014.6993%2055.9697%2013.3363%2055.9697%2010.9622V10.6984C55.9697%208.52216%2057.2152%207.04932%2059.0288%207.04932C60.7769%207.04932%2062.0443%208.32431%2062.0443%2010.6545V10.9622Z%22%20style%3D%22fill%3A%20rgb(30%2C%2025%2C%2025)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M38.252%204.56791V21.544H41.493V15.1865C42.1765%2016.6635%2043.5215%2017.5672%2045.5499%2017.5672C48.5484%2017.5672%2050.9075%2015.3849%2050.9075%2011.1967V10.844C50.9075%206.56753%2048.7909%204.23092%2045.5499%204.23092C43.4553%204.23092%2042.0442%205.31105%2041.3608%206.94227L41.03%204.56791H38.252ZM47.6171%2011.1161C47.6171%2013.4463%2046.4152%2014.6993%2044.536%2014.6993C42.7224%2014.6993%2041.5424%2013.2924%2041.5424%2011.0502V10.8083C41.5424%208.45621%2042.7661%207.04932%2044.6016%207.04932C46.3278%207.04932%2047.6171%208.30233%2047.6171%2010.8303V11.1161Z%22%20style%3D%22fill%3A%20rgb(30%2C%2025%2C%2025)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M23.8248%2011.1269C23.8248%2015.2995%2026.1258%2017.5177%2030.1634%2017.5177C33.9405%2017.5177%2036.4802%2015.2995%2036.4802%2011.1269V10.7755C36.4802%206.55884%2033.897%204.23092%2030.1634%204.23092C26.5165%204.23092%2023.8248%206.51492%2023.8248%2010.7755V11.1269ZM33.1898%2011.1278C33.1898%2013.4426%2032.0141%2014.6993%2030.1416%2014.6993C28.2692%2014.6993%2027.1152%2013.4206%2027.1152%2011.1278V10.8192C27.1152%208.35003%2028.3345%207.04932%2030.1634%207.04932C32.0141%207.04932%2033.1898%208.43822%2033.1898%2010.8192V11.1278Z%22%20style%3D%22fill%3A%20rgb(30%2C%2025%2C%2025)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.9659%2017.1956H18.2854V11.3877C18.2854%208.70383%2018.9493%207.75786%2021.6934%207.75786H23.0654V4.39197H22.2466C19.8788%204.39197%2018.5731%205.42593%2018.0641%207.44987L17.6436%204.55228H14.9659V17.1956Z%22%20style%3D%22fill%3A%20rgb(30%2C%2025%2C%2025)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0.285583%201.57357V17.1956H6.31261C10.2386%2017.1956%2013.1942%2014.9151%2013.1942%209.87184V8.7974C13.1942%203.77605%2010.0622%201.57357%206.22439%201.57357H0.285583ZM3.57601%204.39197H6.08687C8.35455%204.39197%209.90375%205.82472%209.90375%208.97678V9.79235C9.90375%2012.9444%208.39945%2014.3772%206.19913%2014.3772H3.57601V4.39197Z%22%20style%3D%22fill%3A%20rgb(30%2C%2025%2C%2025)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)
Logo

Favicon

UI Components

Button Primary
- Background: #0061FE
- Text Color: #F7F5F2
- Border Color: #0061FE
- Border Radius: 16px
- Shadow: none
Button Secondary
- Background: transparent
- Text Color: #F7F5F2
- Border Color: #F7F5F2
- Border Radius: 16px
- Shadow: none

Brand Personality

Tone: professional
Energy: medium
Audience: business professionals and individuals seeking cloud storage solutions

Dropbox Brand in the Wild

Image Source: blog.dropbox.com

Image Source: [blog.dropbox.com/topics/work-culture/easier-design-reviews]

Image Source: dash.dropbox.com

Frequently Asked Questions

What is Dropbox's primary brand color?
- Dropbox's primary brand color is #0061FE. It anchors the visual identity across their website, product UI, and marketing materials.
What font does Dropbox use?
- Dropbox uses Atlas Grotesk Web as the primary typeface across body and headings.
Does Dropbox use a light or dark theme?
- Dropbox's primary site uses a light color scheme, with a background of #1E1919.
Where can I find Dropbox's logo?
- Dropbox's logo is available directly on their site (http://dropbox.com). The current logo URL is included in the machine-readable JSON profile linked above.
How was this brand profile generated?
- This profile was extracted from http://dropbox.com using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by Dropbox.