Humble Bundle Brand Identity

A complete profile of Humble Bundle's visual system — colors, typography, components, and personality — extracted from https://humble.com. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://humble.com.

primary
#494F5C
rgb(73, 79, 92)

secondary
#484E5B
rgb(72, 78, 91)

accent
#FF7B00
rgb(255, 123, 0)

background
#262B31
rgb(38, 43, 49)

textPrimary
#262B31
rgb(38, 43, 49)

link
#C9262C
rgb(201, 38, 44)

Typography

Each font links to its Google Fonts page where available.

primary
Sofia Pro
Sofia Pro Google Fonts →

heading
Sofia Pro
Sofia Pro Google Fonts →

Font Stack:
Sofia Pro, Helvetica Neue, Helvetica, Arial, sans-serif

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using Humble Bundle's actual button styles.

Input

• background: #282C34
• textColor: #FFFFFF
• borderColor: null
• borderRadius: 3px
• shadow: none

Button Primary

• background: #FF7B00
• textColor: #0F1729
• borderRadius: 4px
• shadow: rgba(0, 0, 0, 0.3) 0px 20px 40px 0px

Button Secondary

• background: #FFFFFF
• textColor: #494F5C
• borderColor: #494F5C
• borderRadius: 4.8px
• shadow: none

Brand Personality

Tone: modern
Energy: medium
Audience: gamers and tech enthusiasts

Humble Bundle Brand in the Wild

Image Source: blog.humblebundle.com

Frequently Asked Questions

What is Humble Bundle's primary brand color?
Humble Bundle's primary brand color is #494F5C. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does Humble Bundle use?
Humble Bundle uses #FF7B00 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Humble Bundle use?
Humble Bundle uses Sofia Pro as the primary typeface across body and headings.

Does Humble Bundle use a light or dark theme?
Humble Bundle's primary site uses a dark color scheme, with a background of #262B31.

Where can I find Humble Bundle's logo?
Humble Bundle's logo is available directly on their site (https://humble.com). The current logo URL is included in the machine-readable JSON profile linked above.