Best Buy color palette
EcommerceBest Buy's color identity is defined by its vibrant yellow and deep blue, creating strong brand recognition in retail and ecommerce. The palette is bold, simple, and highly recognizable across all touchpoints.
bestbuy.comBest Buy colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Best Buy YellowPrimary255, 242, 0
- Best Buy BlueSecondary0, 59, 100
- Accent BlueAccent0, 87, 184
Surfaces
Page, cards and dividers.- Best Buy WhiteBackground255, 255, 255
- Light Gray SurfaceSurface245, 245, 245
- UI Border GrayBorder217, 217, 217
Text
Three tiers of copy.- Primary BlackText26, 26, 26
- Secondary CharcoalSecondary text51, 51, 51
- Muted GrayMuted text102, 102, 102
Semantic
Feedback and state colors.- Success GreenSuccess67, 176, 42
- Warning YellowWarning255, 184, 0
- Error RedError225, 24, 55
- Info BlueInfo0, 114, 206
Use Best Buy's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
best-buy-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0072CE;
--error: #E11837;
--accent: #0057B8;
--border: #D9D9D9;
--primary: #FFF200;
--success: #43B02A;
--surface: #F5F5F5;
--warning: #FFB800;
--secondary: #003B64;
--text-muted: #666666;
--background: #FFFFFF;
--text-primary: #1A1A1A;
--text-secondary: #333333;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
17.4:1
Pass
Text on surface
Needs 4.5:1 for body text
16.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
12.6:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
11.6:1
Pass
Muted text on background
Needs 3:1 for large text
5.7:1
Pass
Muted text on surface
Needs 3:1 for large text
5.3:1
Pass
Best Buy gray and neutral colors
The quiet part of the Best Buy palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Best Buy WhiteBackground
- HEX
- RGB
- HSL
- Light Gray SurfaceSurface
- HEX
- RGB
- HSL
- UI Border GrayBorder
- HEX
- RGB
- HSL
- Primary BlackText
- HEX
- RGB
- HSL
- Secondary CharcoalSecondary text
- HEX
- RGB
- HSL
- Muted GrayMuted text
- HEX
- RGB
- HSL
About Best Buy's colors
Best Buy's palette uses high-contrast yellow and blue for immediate brand recognition and clarity. The supporting neutrals and accent colors ensure accessibility and hierarchy in digital and physical applications.
Primary yellow contrasts with deep blue for maximum visibility.
Accent blue provides depth and visual interest.
Neutral grays support readability and UI clarity.
Psychology
Yellow conveys energy, optimism, and approachability, while blue communicates trust and reliability. The combination is designed to be both inviting and authoritative.
Evolution
Best Buy's core yellow and blue have remained consistent for decades, reinforcing brand recognition. Minor adjustments have been made to supporting grays and accent blues to improve digital accessibility.
Where Best Buy uses each color
- Primary
Best Buy Yellow is used in the logo, promotional banners, and key CTAs.
- Secondary
Best Buy Blue is featured in navigation bars, footers, and some backgrounds.
- Accent
Accent Blue highlights links, icons, and secondary buttons.
- Backgrounds
White and light gray backgrounds are used for product listings and content areas.
- Text
Primary black and charcoal are used for main and secondary text throughout the site.
- Semantic
Success, warning, error, and info colors are used for notifications, badges, and status indicators.
Best Buy color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Best Buy brand color is yellow, with the hex code #FFF200.
Best Buy Yellow is RGB(255, 242, 0) and CMYK(0, 0, 100, 0). The hex code is #FFF200.
Best Buy uses several grays for UI elements, including #F5F5F5 for surfaces, #D9D9D9 for borders, and #666666 for muted text.
Use Best Buy Yellow (#FFF200) for primary branding and calls to action, with Best Buy Blue (#003B64) for navigation and accents. Neutrals and semantic colors support UI clarity and accessibility.
The secondary color is Best Buy Blue, #003B64, and the accent is Accent Blue, #0057B8. Together with the primary they make up the three brand colors at the top of this page.
6 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 Best Buy's colors consistently when it generates UI.
Make something in the spirit of Best Buy
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.
