Overstock color palette
EcommerceOverstock's color identity is defined by a bold, recognizable red, supported by a clean white and a range of neutral grays for UI clarity. The palette emphasizes trust, simplicity, and a strong retail presence.
overstock.comOverstock colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Overstock RedPrimary211, 45, 47
- Overstock WhiteSecondary255, 255, 255
- Overstock OrangeAccent245, 166, 35
Surfaces
Page, cards and dividers.- Overstock Light GrayBackground248, 248, 248
- Overstock Surface WhiteSurface255, 255, 255
- Overstock Border GrayBorder224, 224, 224
Text
Three tiers of copy.- Overstock CharcoalText34, 34, 34
- Overstock Medium GraySecondary text102, 102, 102
- Overstock Muted GrayMuted text153, 153, 153
Semantic
Feedback and state colors.- Overstock Success GreenSuccess60, 179, 113
- Overstock Warning OrangeWarning245, 166, 35
- Overstock Error RedError211, 45, 47
- Overstock Info BlueInfo25, 118, 210
Use Overstock's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
overstock-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1976D2;
--error: #D32D2F;
--accent: #F5A623;
--border: #E0E0E0;
--primary: #D32D2F;
--success: #3CB371;
--surface: #FFFFFF;
--warning: #F5A623;
--secondary: #FFFFFF;
--text-muted: #999999;
--background: #F8F8F8;
--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
15.0: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.4: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.7:1
Fail
Muted text on surface
Needs 3:1 for large text
2.8:1
Fail
Overstock gray and neutral colors
The quiet part of the Overstock palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Overstock Light GrayBackground
- HEX
- RGB
- HSL
- Overstock Surface WhiteSurface
- HEX
- RGB
- HSL
- Overstock Border GrayBorder
- HEX
- RGB
- HSL
- Overstock CharcoalText
- HEX
- RGB
- HSL
- Overstock Medium GraySecondary text
- HEX
- RGB
- HSL
- Overstock Muted GrayMuted text
- HEX
- RGB
- HSL
About Overstock's colors
Overstock's palette is anchored by a vivid red, balanced with white and neutral grays for a modern, trustworthy retail feel. Accent colors provide clear visual cues for actions and statuses.
Primary red contrasts with white for strong brand recognition.
Neutral grays support legibility and UI clarity.
Accent orange and blue highlight important actions and information.
Psychology
Red conveys urgency, excitement, and confidence, ideal for ecommerce calls to action. The supporting neutrals and accent colors foster clarity and trust.
Evolution
Overstock's palette has remained consistent, with red as its core identity since inception. Minor adjustments to gray tones and accent colors have modernized the UI over time.
Where Overstock uses each color
- Primary
Used for logo, primary buttons, and key promotional banners.
- Secondary
Backgrounds, card surfaces, and whitespace throughout the site.
- Accent
Call-to-action highlights, sale tags, and notification badges.
- Backgrounds
Applied to page backgrounds and section dividers for contrast.
- Text
Charcoal and gray tones are used for headings, body text, and muted details.
- Semantic
Green, orange, and blue are used for success, warning, and informational states respectively.
Overstock color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Overstock brand color is Overstock Red, hex code #D32D2F.
Overstock Red (#D32D2F) in RGB is (211, 45, 47); in CMYK it is approximately (0, 79, 78, 17).
Overstock uses a range of grays: Overstock Light Gray (#F8F8F8), Border Gray (#E0E0E0), Medium Gray (#666666), and Muted Gray (#999999) for UI backgrounds and text.
Use Overstock Red (#D32D2F) for primary actions and branding, with neutrals for backgrounds and text. Accent and semantic colors are reserved for highlights, alerts, and status indicators.
The secondary color is Overstock White, #FFFFFF, and the accent is Overstock Orange, #F5A623. 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 Overstock's colors consistently when it generates UI.
Make something in the spirit of Overstock
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.