Humble Bundle color palette
GamingHumble Bundle's color identity is centered around a bold, energetic red paired with dark neutrals and clean whites, reflecting its gaming and charity focus. The palette is simple, accessible, and consistent across digital and print touchpoints.
humblebundle.comHumble Bundle colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Humble RedPrimary204, 41, 41
- Humble CharcoalSecondary34, 34, 34
- Humble GoldAccent245, 166, 35
Surfaces
Page, cards and dividers.- Humble WhiteBackground255, 255, 255
- Humble Light GraySurface245, 245, 245
- Humble Border GrayBorder224, 224, 224
Text
Three tiers of copy.- Humble CharcoalText34, 34, 34
- Humble Medium GraySecondary text117, 117, 117
- Humble Muted GrayMuted text189, 189, 189
Semantic
Feedback and state colors.- Humble Success GreenSuccess67, 160, 71
- Humble GoldWarning245, 166, 35
- Humble RedError204, 41, 41
- Humble Info BlueInfo25, 118, 210
Use Humble Bundle's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
humble-bundle-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1976D2;
--error: #CC2929;
--accent: #F5A623;
--border: #E0E0E0;
--primary: #CC2929;
--success: #43A047;
--surface: #F5F5F5;
--warning: #F5A623;
--secondary: #222222;
--text-muted: #BDBDBD;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #757575;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
15.9:1
Pass
Text on surface
Needs 4.5:1 for body text
14.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.6:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.2:1
Fail
Muted text on background
Needs 3:1 for large text
1.9:1
Fail
Muted text on surface
Needs 3:1 for large text
1.7:1
Fail
Humble Bundle gray and neutral colors
The quiet part of the Humble Bundle palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Humble WhiteBackground
- HEX
- RGB
- HSL
- Humble Light GraySurface
- HEX
- RGB
- HSL
- Humble Border GrayBorder
- HEX
- RGB
- HSL
- Humble CharcoalText
- HEX
- RGB
- HSL
- Humble Medium GraySecondary text
- HEX
- RGB
- HSL
- Humble Muted GrayMuted text
- HEX
- RGB
- HSL
About Humble Bundle's colors
The Humble Bundle palette uses a dominant red for brand recognition, supported by dark and light neutrals for clarity and accessibility. Accent gold and blue are used sparingly for highlights and status messaging.
Primary red contrasts with white and charcoal backgrounds.
Accent gold is used for calls to action and highlights.
Dark grays provide structure and readable text.
Psychology
The red conveys energy, urgency, and action, fitting for limited-time gaming deals. Neutrals and accent colors provide balance and trustworthiness.
Evolution
Humble Bundle's palette has remained stable, with the red and dark neutrals consistently used since its early years. Minor adjustments have been made to gray tones for improved accessibility.
Where Humble Bundle uses each color
- Primary
Used in the logo, main buttons, and promotional banners.
- Secondary
Appears in navigation bars, footers, and overlay backgrounds.
- Accent
Used for sale tags, highlights, and notification badges.
- Backgrounds
White and light gray backgrounds are used for main content areas and cards.
- Text
Charcoal and medium gray are used for primary and secondary text throughout the site.
- Semantic
Green, gold, red, and blue are used for success, warning, error, and info states in UI elements.
Humble Bundle color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Humble Bundle primary color is #CC2929. This red is used for the logo and key brand elements.
Humble Red (#CC2929) in RGB is (204, 41, 41). For CMYK, it is approximately (0, 80, 80, 20).
Humble Charcoal (#222222), Humble Medium Gray (#757575), and Humble Muted Gray (#BDBDBD) are used for backgrounds and text. These neutrals ensure legibility and a modern UI.
Use Humble Red (#CC2929) for primary actions and branding, with neutrals for backgrounds and text. Accent and semantic colors should be reserved for highlights, notifications, and status indicators.
The secondary color is Humble Charcoal, #222222, and the accent is Humble Gold, #F5A623. Together with the primary they make up the three brand colors at the top of this page.
3 of 6 text and background pairings meet WCAG 2.1 AA contrast. The contrast section above shows every pairing with its exact ratio.
Use the export block on this page. It gives you CSS custom properties, a Tailwind config, W3C design tokens or a shadcn/ui theme built from these exact hex values, with copy and download buttons.
Yes. Export the Claude Code skill, Cursor rules or Codex prompt from the same block. The agent then applies Humble Bundle's colors consistently when it generates UI.
Make something in the spirit of Humble Bundle
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.