Stanley color palette
ConsumerStanley is known for its bold, high-visibility yellow paired with strong black and gray neutrals, reflecting durability and utility. The color system is consistent across its products, packaging, and digital presence.
stanley1913.comStanley colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Stanley YellowPrimary255, 203, 5
- Stanley BlackSecondary35, 31, 32
- Stanley GrayAccent109, 110, 113
Surfaces
Page, cards and dividers.- Stanley WhiteBackground255, 255, 255
- Stanley Light GraySurface245, 245, 245
- Stanley Border GrayBorder209, 211, 212
Text
Three tiers of copy.- Stanley Text BlackText35, 31, 32
- Stanley Text GraySecondary text109, 110, 113
- Stanley Muted GrayMuted text167, 168, 170
Semantic
Feedback and state colors.- Stanley GreenSuccess107, 165, 57
- Stanley YellowWarning255, 203, 5
- Stanley RedError210, 38, 48
- Stanley BlueInfo0, 114, 188
Use Stanley's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
stanley-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0072BC;
--error: #D22630;
--accent: #6D6E71;
--border: #D1D3D4;
--primary: #FFCB05;
--success: #6BA539;
--surface: #F5F5F5;
--warning: #FFCB05;
--secondary: #231F20;
--text-muted: #A7A8AA;
--background: #FFFFFF;
--text-primary: #231F20;
--text-secondary: #6D6E71;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
16.3:1
Pass
Text on surface
Needs 4.5:1 for body text
15.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.1:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.7:1
Pass
Muted text on background
Needs 3:1 for large text
2.4:1
Fail
Muted text on surface
Needs 3:1 for large text
2.2:1
Fail
Stanley gray and neutral colors
The quiet part of the Stanley palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Stanley WhiteBackground
- HEX
- RGB
- HSL
- Stanley Light GraySurface
- HEX
- RGB
- HSL
- Stanley Border GrayBorder
- HEX
- RGB
- HSL
- Stanley Text BlackText
- HEX
- RGB
- HSL
- Stanley Text GraySecondary text
- HEX
- RGB
- HSL
- Stanley Muted GrayMuted text
- HEX
- RGB
- HSL
About Stanley's colors
Stanley's palette is built around a signature yellow for visibility and black for contrast, with grays for balance and utility. The system is utilitarian, reflecting the brand's heritage in durable consumer goods.
Primary yellow contrasts with deep black for high legibility.
Grays provide neutral support for backgrounds and UI elements.
Accent colors are used sparingly to signal status or information.
Psychology
Yellow signals energy, optimism, and visibility, aligning with Stanley's rugged and practical image. Black and gray reinforce reliability and professionalism.
Evolution
Stanley's color palette has remained stable for decades, with yellow and black as core identifiers. Minor adjustments to gray tones have been made for digital clarity.
Where Stanley uses each color
- Primary
Stanley Yellow is used for logos, product highlights, and key call-to-action buttons.
- Secondary
Stanley Black appears in navigation bars, text, and product details.
- Accent
Stanley Gray is used for UI elements, secondary buttons, and packaging details.
- Backgrounds
Stanley White and Light Gray are used for website and app backgrounds.
- Text
Stanley Text Black is used for headings and body text, with Text Gray and Muted Gray for secondary and disabled states.
- Semantic
Stanley Green, Red, and Blue are used for status indicators, alerts, and informational messages.
Stanley color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Stanley brand yellow is #FFCB05, used as the primary color across branding and packaging.
Stanley Yellow (#FFCB05) is RGB(255, 203, 5) and CMYK(0, 20, 98, 0).
Stanley uses #6D6E71 (Stanley Gray), #A7A8AA (Muted Gray), and #D1D3D4 (Border Gray) for UI and background elements.
Use Stanley Yellow (#FFCB05) for primary actions and highlights, with black and gray tones for text and backgrounds to maintain brand consistency.
The secondary color is Stanley Black, #231F20, and the accent is Stanley Gray, #6D6E71. 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 Stanley's colors consistently when it generates UI.
Make something in the spirit of Stanley
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.