Whirlpool color palette
ConsumerWhirlpool's brand color system centers on a distinctive gold paired with deep charcoal and clean white, reflecting reliability and premium quality. The palette is minimal and sophisticated, supporting Whirlpool's identity as a trusted leader in home appliances.
whirlpool.comWhirlpool colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Whirlpool GoldPrimary255, 209, 0
- Whirlpool CharcoalSecondary35, 31, 32
- Whirlpool SilverAccent167, 168, 170
Surfaces
Page, cards and dividers.- Whirlpool WhiteBackground255, 255, 255
- Whirlpool Light GraySurface245, 245, 245
- Whirlpool Border GrayBorder209, 211, 212
Text
Three tiers of copy.- Whirlpool CharcoalText35, 31, 32
- Whirlpool Medium GraySecondary text109, 110, 113
- Whirlpool SilverMuted text167, 168, 170
Semantic
Feedback and state colors.- Whirlpool GreenSuccess109, 190, 69
- Whirlpool GoldWarning255, 209, 0
- Whirlpool RedError210, 38, 48
- Whirlpool BlueInfo0, 114, 206
Use Whirlpool's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
whirlpool-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0072CE;
--error: #D22630;
--accent: #A7A8AA;
--border: #D1D3D4;
--primary: #FFD100;
--success: #6DBE45;
--surface: #F5F5F5;
--warning: #FFD100;
--secondary: #231F20;
--text-muted: #A7A8AA;
--background: #FFFFFF;
--text-primary: #231F20;
--text-secondary: #6D6E71;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
16.3:1
Pass
Text on surface
Needs 4.5:1 for body text
15.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.1:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.7:1
Pass
Muted text on background
Needs 3:1 for large text
2.4:1
Fail
Muted text on surface
Needs 3:1 for large text
2.2:1
Fail
Whirlpool gray and neutral colors
The quiet part of the Whirlpool palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Whirlpool WhiteBackground
- HEX
- RGB
- HSL
- Whirlpool Light GraySurface
- HEX
- RGB
- HSL
- Whirlpool Border GrayBorder
- HEX
- RGB
- HSL
- Whirlpool CharcoalText
- HEX
- RGB
- HSL
- Whirlpool Medium GraySecondary text
- HEX
- RGB
- HSL
- Whirlpool SilverMuted text
- HEX
- RGB
- HSL
About Whirlpool's colors
Whirlpool's palette uses gold as a signature color, complemented by charcoal and silver for a modern, premium look. The restrained use of color supports clarity and trust in the brand's communications.
Gold contrasts with charcoal for emphasis.
Silver and gray tones provide neutral balance.
Blue and green are reserved for functional UI feedback.
Psychology
Gold evokes quality, warmth, and reliability, reinforcing Whirlpool's premium positioning. Charcoal and silver add a sense of professionalism and stability.
Evolution
Whirlpool's color palette has remained stable for decades, with gold as the consistent brand anchor. Minor adjustments have been made to gray tones for digital clarity.
Where Whirlpool uses each color
- Primary
Whirlpool Gold is used in the logo, key buttons, and highlights across the website and packaging.
- Secondary
Whirlpool Charcoal appears in navigation bars, footers, and primary text.
- Accent
Whirlpool Silver is used for icons, dividers, and subtle UI elements.
- Backgrounds
Whirlpool White and Light Gray are used for backgrounds on web pages and product displays.
- Text
Charcoal is the main text color, with Medium Gray and Silver for secondary and muted text.
- Semantic
Green, gold, red, and blue are used for success, warning, error, and informational UI states respectively.
Whirlpool color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Whirlpool brand color is Whirlpool Gold, hex code #FFD100.
Whirlpool Gold (#FFD100) is RGB(255, 209, 0) and CMYK(0, 11, 100, 0).
Whirlpool uses Charcoal (#231F20), Medium Gray (#6D6E71), Silver (#A7A8AA), and Border Gray (#D1D3D4) for UI and text elements.
Use Whirlpool Gold (#FFD100) for brand highlights and calls to action, with Charcoal (#231F20) for primary text and navigation. Reserve accent and semantic colors for UI states and supporting elements.
The secondary color is Whirlpool Charcoal, #231F20, and the accent is Whirlpool Silver, #A7A8AA. Together with the primary they make up the three brand colors at the top of this page.
4 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 Whirlpool's colors consistently when it generates UI.
Make something in the spirit of Whirlpool
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.