Hummingbird Brand Identity

A complete profile of Hummingbird's visual system — colors, typography, components, and personality — extracted from https://www.hummingbird.co/. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://www.hummingbird.co/.

• Primary: #04433D
• Secondary: #013B4E
• Accent: #013E4E
• Background: #F4F4F1
• Text Primary: #272727
• Link: #D2E6DF

Typography

Each font links to its Google Fonts page where available.

• Body Font: PP Neue Montreal
• Heading Font: PPNeueHummingbirdVariable

Visual Assets

UI Components

Live previews rendered using Hummingbird's actual button styles.

• Input:

  • background: #FFFFFF
  • textColor: #7A7A79
  • borderColor: #F0F4F4
  • borderRadius: 12px
  • shadow: none

• Button Primary:

  • background: #013E4E
  • textColor: #F6F6F6
  • borderRadius: 13px
  • shadow: none

• Button Secondary:

  • background: transparent
  • textColor: #272727
  • borderColor: #272727
  • borderRadius: 13px
  • shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: business professionals and compliance officers

Hummingbird Brand in the Wild

Image: canvas.hummingbird.co

Source: canvas.hummingbird.co

Image: hummingbird.co

Source: hummingbird.co

Image: hummingbird.co

Source: hummingbird.co

Image: hummingbird.co

Source: hummingbird.co

Image: hummingbird.co

Source: hummingbird.co

Image: hummingbird.co

Source: hummingbird.co

Frequently Asked Questions

1. What is Hummingbird's primary brand color?
   Hummingbird's primary brand color is #04433D.

2. What accent color does Hummingbird use?
   Hummingbird uses #013E4E as an accent color.

3. What font does Hummingbird use?
   Hummingbird uses PP Neue Montreal for body text and PPNeueHummingbirdVariable for headings.

4. Does Hummingbird use a light or dark theme?
   Hummingbird's primary site uses a light color scheme, with a background of #F4F4F1.

5. Where can I find Hummingbird's logo?
   Hummingbird's logo is available directly on their site (https://www.hummingbird.co/).

6. How was this brand profile generated?
   This profile was extracted from https://www.hummingbird.co/ using the Firecrawl branding extraction API.

Methodology

Brand data on this page was extracted from https://www.hummingbird.co/ on 2026-07-27 using the Firecrawl branding extraction API.