Wells Fargo color palette
FinanceWells Fargo's color identity is defined by its signature red, paired with gold and a range of neutral grays for clarity and trust. The palette is consistent across digital and print, reflecting the brand's heritage and reliability.
wellsfargo.comWells Fargo colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Wells Fargo RedPrimary215, 30, 40
- Wells Fargo GoldSecondary255, 215, 0
- Stagecoach CrimsonAccent177, 17, 23
Surfaces
Page, cards and dividers.- Wells Fargo WhiteBackground255, 255, 255
- Wells Fargo Light GraySurface245, 245, 245
- Wells Fargo SilverBorder209, 211, 212
Text
Three tiers of copy.- Wells Fargo CharcoalText26, 26, 26
- Wells Fargo Medium GraySecondary text90, 90, 90
- Wells Fargo Muted GrayMuted text117, 117, 117
Semantic
Feedback and state colors.- Wells Fargo GreenSuccess46, 133, 64
- Wells Fargo AmberWarning255, 182, 0
- Stagecoach CrimsonError177, 17, 23
- Wells Fargo BlueInfo0, 114, 206
Use Wells Fargo's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
wells-fargo-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0072CE;
--error: #B11117;
--accent: #B11117;
--border: #D1D3D4;
--primary: #D71E28;
--success: #2E8540;
--surface: #F5F5F5;
--warning: #FFB600;
--secondary: #FFD700;
--text-muted: #757575;
--background: #FFFFFF;
--text-primary: #1A1A1A;
--text-secondary: #5A5A5A;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
17.4:1
Pass
Text on surface
Needs 4.5:1 for body text
16.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.9:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.3:1
Pass
Muted text on background
Needs 3:1 for large text
4.6:1
Pass
Muted text on surface
Needs 3:1 for large text
4.2:1
Pass
Wells Fargo gray and neutral colors
The quiet part of the Wells Fargo palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Wells Fargo WhiteBackground
- HEX
- RGB
- HSL
- Wells Fargo Light GraySurface
- HEX
- RGB
- HSL
- Wells Fargo SilverBorder
- HEX
- RGB
- HSL
- Wells Fargo CharcoalText
- HEX
- RGB
- HSL
- Wells Fargo Medium GraySecondary text
- HEX
- RGB
- HSL
- Wells Fargo Muted GrayMuted text
- HEX
- RGB
- HSL
About Wells Fargo's colors
Wells Fargo's palette is rooted in bold, traditional hues that evoke stability and heritage. The use of red and gold is distinctive in the financial sector, while neutral grays provide balance.
Primary red and gold are complementary and reinforce brand recognition.
Neutrals support accessibility and readability.
Accent colors are used sparingly for emphasis and alerts.
Psychology
Red conveys energy, confidence, and trust, while gold signals value and tradition. The neutral grays enhance professionalism and clarity.
Evolution
Wells Fargo's core red and gold have remained consistent for decades, reinforcing its legacy. The supporting neutral palette has been refined for digital clarity and accessibility.
Where Wells Fargo uses each color
- Primary
Used in the logo, primary buttons, and key navigation elements.
- Secondary
Appears in highlights, icons, and promotional banners.
- Accent
Used for urgent alerts, error states, and select call-to-actions.
- Backgrounds
White and light gray are used for app screens and web backgrounds.
- Text
Charcoal and medium gray are used for primary and secondary text across all platforms.
- Semantic
Green, amber, and blue are used for success, warning, and informational states respectively.
Wells Fargo color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Wells Fargo primary color hex code is #D71E28. This red is used throughout their branding and digital products.
Wells Fargo Red (#D71E28) is RGB(215, 30, 40) and CMYK(0, 86, 81, 16). These values ensure color consistency across media.
Wells Fargo uses several grays, including Wells Fargo Light Gray (#F5F5F5), Silver (#D1D3D4), and Charcoal (#1A1A1A) for backgrounds, borders, and text. These neutrals provide clarity and accessibility.
Primary red (#D71E28) should dominate key brand elements, with gold (#FFD700) and accent crimson (#B11117) used for emphasis. Neutrals and semantic colors support UI clarity and accessibility.
The secondary color is Wells Fargo Gold, #FFD700, and the accent is Stagecoach Crimson, #B11117. Together with the primary they make up the three brand colors at the top of this page.
6 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 Wells Fargo's colors consistently when it generates UI.
Make something in the spirit of Wells Fargo
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.