# HubSpot Brand Identity

A complete profile of **HubSpot**'s visual system — colors, typography, components, and personality — extracted from [https://hubspot.com](https://hubspot.com/). Built for designers, agents, and AI tools.

## Color Palette

Brand palette extracted from [https://hubspot.com](https://hubspot.com).

| Color        | Hex Code | RGB Values             |
|--------------|----------|------------------------|
| Primary      | #FF4800  | rgb(255, 72, 0)       |
| Secondary    | #FCDED2  | rgb(252, 222, 210)    |
| Accent       | #FF4800  | rgb(255, 72, 0)       |
| Background   | #FCFCFA  | rgb(252, 252, 250)    |
| Text Primary | #1F1F1F  | rgb(31, 31, 31)       |
| Link         | #124548  | rgb(18, 69, 72)       |

## Typography

Each font links to its Google Fonts page where available.

- **Body Font:** HubSpot Sans  
  [HubSpot Sans Google Fonts →](https://fonts.google.com/specimen/HubSpot+Sans)
- **Heading Font:** HubSpot Serif  
  [HubSpot Serif Google Fonts →](https://fonts.google.com/specimen/HubSpot+Serif)

## Visual Assets

## UI Components

Live previews rendered using HubSpot's actual button styles.

### Button Primary

- **Background:** #FF4800  
- **Text Color:** #FFFFFF  
- **Border Radius:** 8px  
- **Shadow:** none

### Button Secondary

- **Background:** #FFFFFF  
- **Text Color:** #FF4800  
- **Border Color:** #FF4800  
- **Border Radius:** 8px  
- **Shadow:** none

## Brand Personality

**Tone:** professional  
**Energy:** medium  
**Audience:** business professionals and companies looking for software solutions

## HubSpot Brand in the Wild

Source: [knowledge.hubspot.com](https://knowledge.hubspot.com/)

Source: [hubspot.com](https://www.hubspot.com/products/cms/free-blog-maker)

Source: [br.hubspot.com](https://br.hubspot.com/our-story)

Source: [hubspot.com](https://www.hubspot.com/products/cms/free-blog-maker)

Source: [ecosystem.hubspot.com](https://ecosystem.hubspot.com/de/marketplace/listing/issuu)

Source: [hubspot.com](https://www.hubspot.com/products/cms/free-blog-maker)

## Frequently Asked Questions

**What is HubSpot's primary brand color?**  
HubSpot's primary brand color is #FF4800. It anchors the visual identity across their website, product UI, and marketing materials.

**What font does HubSpot use?**  
HubSpot uses HubSpot Sans for body text and HubSpot Serif for headings. Fonts were detected on [https://hubspot.com](https://hubspot.com) as part of their live design system.

**Does HubSpot use a light or dark theme?**  
HubSpot's primary site uses a light color scheme, with a background of #FCFCFA.

**Where can I find HubSpot's logo?**  
HubSpot's logo is available directly on their site ([https://hubspot.com](https://hubspot.com)).

**How was this brand profile generated?**  
This profile was extracted from [https://hubspot.com](https://hubspot.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 HubSpot.

## Methodology

Brand data on this page was extracted from [https://hubspot.com](https://hubspot.com/) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles.