Newegg color palette
EcommerceNewegg's color identity centers on a vivid orange paired with deep blues and neutral grays, reflecting its tech-focused ecommerce platform. The palette is functional, emphasizing clarity and trust for electronics shoppers.
newegg.comNewegg colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Newegg OrangePrimary224, 94, 0
- Newegg NavySecondary0, 51, 102
- Newegg YellowAccent255, 209, 0
Surfaces
Page, cards and dividers.- Newegg Light GrayBackground245, 245, 245
- Newegg WhiteSurface255, 255, 255
- Newegg Border GrayBorder209, 213, 219
Text
Three tiers of copy.- Newegg CharcoalText34, 34, 34
- Newegg Medium GraySecondary text102, 102, 102
- Newegg Muted GrayMuted text153, 153, 153
Semantic
Feedback and state colors.- Newegg GreenSuccess43, 175, 43
- Newegg Warning YellowWarning255, 184, 0
- Newegg RedError208, 2, 27
- Newegg Info BlueInfo0, 113, 206
Use Newegg's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
newegg-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0071CE;
--error: #D0021B;
--accent: #FFD100;
--border: #D1D5DB;
--primary: #E05E00;
--success: #2BAF2B;
--surface: #FFFFFF;
--warning: #FFB800;
--secondary: #003366;
--text-muted: #999999;
--background: #F5F5F5;
--text-primary: #222222;
--text-secondary: #666666;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
14.6:1
Pass
Text on surface
Needs 4.5:1 for body text
15.9:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.7:1
Pass
Muted text on background
Needs 3:1 for large text
2.6:1
Fail
Muted text on surface
Needs 3:1 for large text
2.8:1
Fail
Newegg gray and neutral colors
The quiet part of the Newegg palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Newegg Light GrayBackground
- HEX
- RGB
- HSL
- Newegg WhiteSurface
- HEX
- RGB
- HSL
- Newegg Border GrayBorder
- HEX
- RGB
- HSL
- Newegg CharcoalText
- HEX
- RGB
- HSL
- Newegg Medium GraySecondary text
- HEX
- RGB
- HSL
- Newegg Muted GrayMuted text
- HEX
- RGB
- HSL
About Newegg's colors
Newegg's palette uses a high-contrast orange and navy combination to create a sense of energy and reliability. Neutral grays support usability and readability throughout the interface.
Primary orange contrasts with navy for strong visual hierarchy.
Accent yellow highlights promotions and calls to action.
Grays and whites provide neutral backgrounds for product imagery.
Psychology
Orange conveys enthusiasm and draws attention to key actions, while navy blue signals trust and professionalism. The use of gray tones ensures a clean, modern shopping experience.
Evolution
Newegg's core colors have remained consistent since its early years, with orange and navy as signature hues. Minor adjustments have been made to gray tones for improved accessibility and clarity.
Where Newegg uses each color
- Primary
Newegg Orange is used for primary buttons, highlights, and key CTAs across the site.
- Secondary
Newegg Navy appears in the header, navigation bars, and some footer elements.
- Accent
Newegg Yellow is used for promotional banners, badges, and sale highlights.
- Backgrounds
Newegg Light Gray and White are used for page backgrounds and content surfaces.
- Text
Newegg Charcoal and Medium Gray are used for primary and secondary text, respectively.
- Semantic
Green, yellow, red, and blue are used for status indicators such as success messages, warnings, errors, and informational alerts.
Newegg color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Newegg primary color hex code is #E05E00. This orange is used for main actions and highlights.
Newegg Orange (#E05E00) is RGB(224, 94, 0) and CMYK(0, 58, 100, 12). Use these values for accurate reproduction in print and digital.
Newegg uses #F5F5F5 (Light Gray), #D1D5DB (Border Gray), #222222 (Charcoal), #666666 (Medium Gray), and #999999 (Muted Gray) for backgrounds, borders, and text. These neutrals support readability and product imagery.
Use Newegg Orange (#E05E00) for primary actions, Navy (#003366) for navigation, and Yellow (#FFD100) for accents. Grays and whites should be used for backgrounds and text to maintain clarity and accessibility.
The secondary color is Newegg Navy, #003366, and the accent is Newegg Yellow, #FFD100. 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 Newegg's colors consistently when it generates UI.
Make something in the spirit of Newegg
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.
