Gillette color palette
FashionGillette's brand color identity is defined by a bold, deep blue, complemented by crisp white and dark gray neutrals. This palette reflects the brand's heritage of precision, trust, and masculinity.
gillette.comGillette colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Gillette BluePrimary28, 63, 148
- Gillette WhiteSecondary255, 255, 255
- Gillette CyanAccent0, 156, 222
Surfaces
Page, cards and dividers.- Gillette Light GrayBackground245, 247, 250
- Gillette Surface GraySurface229, 232, 236
- Gillette Border GrayBorder194, 200, 208
Text
Three tiers of copy.- Gillette BlackText28, 28, 28
- Gillette Dark GraySecondary text74, 74, 74
- Gillette Muted GrayMuted text122, 134, 154
Semantic
Feedback and state colors.- Gillette Success GreenSuccess44, 182, 125
- Gillette Warning YellowWarning255, 184, 0
- Gillette Error RedError224, 60, 49
- Gillette Info BlueInfo0, 156, 222
Use Gillette's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
gillette-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #009CDE;
--error: #E03C31;
--accent: #009CDE;
--border: #C2C8D0;
--primary: #1C3F94;
--success: #2CB67D;
--surface: #E5E8EC;
--warning: #FFB800;
--secondary: #FFFFFF;
--text-muted: #7A869A;
--background: #F5F7FA;
--text-primary: #1C1C1C;
--text-secondary: #4A4A4A;
}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.9:1
Pass
Text on surface
Needs 4.5:1 for body text
13.9:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.2:1
Pass
Muted text on background
Needs 3:1 for large text
3.4:1
Pass
Muted text on surface
Needs 3:1 for large text
3.0:1
Fail
Gillette background, border and text colors
The quiet part of the Gillette palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Gillette Light GrayBackground
- HEX
- RGB
- HSL
- Gillette Surface GraySurface
- HEX
- RGB
- HSL
- Gillette Border GrayBorder
- HEX
- RGB
- HSL
- Gillette BlackText
- HEX
- RGB
- HSL
- Gillette Dark GraySecondary text
- HEX
- RGB
- HSL
- Gillette Muted GrayMuted text
- HEX
- RGB
- HSL
About Gillette's colors
Gillette's palette is anchored by a strong blue, symbolizing trust and professionalism, with white and gray tones for clarity and neutrality. Accent cyan and functional colors provide vibrancy and clear messaging.
Primary blue contrasts with white for high readability.
Accent cyan is used sparingly for calls to action.
Grays unify backgrounds, borders, and muted text.
Psychology
Blue conveys reliability, strength, and confidence, aligning with Gillette's brand values. The supporting neutrals reinforce a sense of cleanliness and modernity.
Evolution
Gillette's palette has remained consistent for decades, with blue as the core identity. Recent updates have refined the grays and introduced accent cyan for digital clarity.
Where Gillette uses each color
- Primary
Used in the logo, navigation bar, and key headlines.
- Secondary
Applied to backgrounds, product packaging, and whitespace.
- Accent
Highlights buttons, links, and promotional banners.
- Backgrounds
Light gray backgrounds are used for website sections and product displays.
- Text
Primary and secondary text colors appear throughout digital and print materials.
- Semantic
Success, warning, error, and info colors are used for alerts and status indicators in digital interfaces.
Gillette color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Gillette brand color hex code is #1C3F94, known as Gillette Blue.
Gillette Blue (#1C3F94) is RGB(28, 63, 148) and CMYK(81, 57, 0, 42).
Gillette uses several grays, including Gillette Light Gray (#F5F7FA), Surface Gray (#E5E8EC), Border Gray (#C2C8D0), and Muted Gray (#7A869A).
Use Gillette Blue (#1C3F94) for primary branding elements, white and grays for backgrounds and surfaces, and accent cyan (#009CDE) for calls to action and highlights.
The secondary color is Gillette White, #FFFFFF, and the accent is Gillette Cyan, #009CDE. Together with the primary they make up the three brand colors at the top of this page.
5 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 Gillette's colors consistently when it generates UI.
Make something in the spirit of Gillette
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.