Remington color palette
ConsumerRemington's brand color system is defined by its bold red primary, complemented by deep blacks and neutral grays for a modern, confident look. The palette reflects the brand's heritage in grooming and personal care products.
remingtonproducts.comRemington colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Remington RedPrimary200, 16, 46
- Remington BlackSecondary35, 31, 32
- Remington WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Remington Light GrayBackground245, 245, 245
- Remington Surface GraySurface230, 231, 232
- Remington Border GrayBorder204, 204, 204
Text
Three tiers of copy.- Remington Text BlackText35, 31, 32
- Remington Text GraySecondary text117, 117, 117
- Remington Muted GrayMuted text189, 189, 189
Semantic
Feedback and state colors.- Remington Success GreenSuccess92, 184, 92
- Remington Warning OrangeWarning240, 173, 78
- Remington Error RedError217, 83, 79
- Remington Info BlueInfo91, 192, 222
Use Remington's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
remington-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #5BC0DE;
--error: #D9534F;
--accent: #FFFFFF;
--border: #CCCCCC;
--primary: #C8102E;
--success: #5CB85C;
--surface: #E6E7E8;
--warning: #F0AD4E;
--secondary: #231F20;
--text-muted: #BDBDBD;
--background: #F5F5F5;
--text-primary: #231F20;
--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.0:1
Pass
Text on surface
Needs 4.5:1 for body text
13.2:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.2:1
Fail
Secondary text on surface
Needs 4.5:1 for body text
3.7:1
Fail
Muted text on background
Needs 3:1 for large text
1.7:1
Fail
Muted text on surface
Needs 3:1 for large text
1.5:1
Fail
Remington gray and neutral colors
The quiet part of the Remington palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Remington Light GrayBackground
- HEX
- RGB
- HSL
- Remington Surface GraySurface
- HEX
- RGB
- HSL
- Remington Border GrayBorder
- HEX
- RGB
- HSL
- Remington Text BlackText
- HEX
- RGB
- HSL
- Remington Text GraySecondary text
- HEX
- RGB
- HSL
- Remington Muted GrayMuted text
- HEX
- RGB
- HSL
About Remington's colors
Remington's color palette is anchored by a strong, energetic red, supported by neutral blacks and grays for clarity and professionalism. The use of white and accent colors ensures high contrast and legibility across digital and physical applications.
Primary red is paired with black for strong brand recognition.
Neutral grays balance the boldness of the red.
Accent white is used for clarity and contrast.
Psychology
The primary red conveys energy, confidence, and reliability, aligning with Remington's brand values. Black and gray tones add a sense of sophistication and trustworthiness.
Evolution
Remington's palette has remained consistent, with the red and black combination being a core part of its identity for decades. Minor adjustments to gray tones have been made to modernize the UI and packaging.
Where Remington uses each color
- Primary
Remington Red is used for the logo, key buttons, and call-to-action elements.
- Secondary
Remington Black is featured in navigation bars, product names, and key UI backgrounds.
- Accent
Remington White is used for text on colored backgrounds and as a background for packaging.
- Backgrounds
Remington Light Gray is applied to website backgrounds and product displays.
- Text
Remington Text Black and Text Gray are used for primary and secondary text across digital and print.
- Semantic
Success, warning, error, and info colors are used for notifications, status indicators, and alerts in digital interfaces.
Remington color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Remington brand color hex code is #C8102E, known as Remington Red. This color is used in the logo and key brand elements.
Remington Red (#C8102E) has an RGB value of 200, 16, 46. In CMYK, it is approximately 0, 92, 77, 22.
Remington uses several official grays: Light Gray (#F5F5F5), Surface Gray (#E6E7E8), Border Gray (#CCCCCC), Text Gray (#757575), and Muted Gray (#BDBDBD). These are used for backgrounds, borders, and secondary text.
Use Remington Red (#C8102E) for primary actions, branding, and highlights. Grays and blacks provide structure and readability, while semantic colors are reserved for alerts and status indicators.
The secondary color is Remington Black, #231F20, and the accent is Remington White, #FFFFFF. Together with the primary they make up the three brand colors at the top of this page.
2 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 Remington's colors consistently when it generates UI.
Make something in the spirit of Remington
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.