Heroku brand colors, fonts and logo

Heroku is a cloud application platform for building, deploying, and scaling apps. Its palette is led by #5a1ba9, with #333333, #ffffff, and #9777ba. The website sets headings in Avant Garde and body text in Salesforce Sans. Below are all 3 logo files we found, in PNG, ready to download, plus the same data from the API.

Get a free API key See the API call

Brand kit

Heroku brand assets

Every Heroku logo we found, previewed on the background it was made for, plus the colors, fonts and company facts. Download any file or copy any value.

Heroku

heroku.com

Quality 87

Logos

3 logos

LogopngFor light backgrounds
png Heroku logo for light backgrounds, PNG
LogopngFor dark backgrounds
png Heroku logo for dark backgrounds, PNG
Iconpng
png Heroku icon, PNG

Images

1 image

Share image1200×628
jpg Heroku share image

Colors

Select to copy

Accent
Dark
Light
Brand
Brand

Fonts

Avant Garde
Headings · Custom webfont
Weights600
Salesforce Sans
Body text · Custom webfont
Weights200–400 · 600 · 700

Company

Type: Privately held
Industries: Developer Tools
Cloud Computing
DevOps & Monitoring

Links

API

Get Heroku via the API

The same record as JSON, in Brandfetch's response shape, from one call. Cache and store it for as long as you like.

curl

curl https://brandidentityapi.com/v1/brands/heroku.com \
  -H "Authorization: Bearer lh_sk_your_secret_key"

HTML

<img
  src="https://brandidentityapi.com/logo/heroku.com?type=icon&size=64"
  alt="Heroku logo"
  width="64"
  height="64"
/>

The logo URL works without a key for indexed brands. See the Brand API reference and the logo CDN parameters, or compare plans: your first 50 lookups are free.

FAQ

Questions about the Heroku brand

What are Heroku's brand colors?

Heroku's brand colors are #5a1ba9 (accent), #333333 (dark), #ffffff (light), #9777ba (brand), and #0d9dda (brand). Select a swatch on this page to copy its HEX, RGB or HSL value.

What font does Heroku use?

heroku.com uses Avant Garde (headings) and Salesforce Sans (body text). Each is read from the webfonts the site actually loads, not from its CSS fallback stack.

Can I download the Heroku logo in SVG?

Not yet: we only found raster versions of the Heroku logo (PNG). They are trimmed and re-hosted, ready to download from this page.

What is Heroku's logo URL?

Use https://brandidentityapi.com/logo/heroku.com for the icon. Add ?type=logo for the wordmark, &format=svg or &format=png to pick a format, and &background=dark for a version made for dark backgrounds. It works without a key for indexed brands, and you may fetch and cache it server-side.

Is this your brand? Request a correction and we will review the record.