JPMorgan Chase color palette
FinanceJPMorgan Chase uses a restrained, professional color palette centered around deep blue and neutral grays, reflecting stability and trust. The brand's primary blue is a hallmark of its visual identity across digital and print applications.
jpmorganchase.comJPMorgan Chase colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Chase BluePrimary0, 58, 109
- Chase SlateSecondary75, 94, 113
- Chase Light BlueAccent108, 172, 228
Surfaces
Page, cards and dividers.- Chase WhiteBackground255, 255, 255
- Chase Light GraySurface244, 244, 244
- Chase Border GrayBorder217, 217, 214
Text
Three tiers of copy.- Chase BlackText26, 26, 26
- Chase SlateSecondary text75, 94, 113
- Chase Muted GrayMuted text110, 110, 110
Semantic
Feedback and state colors.- Chase Success GreenSuccess0, 122, 51
- Chase Warning YellowWarning255, 184, 28
- Chase Error RedError200, 16, 46
- Chase Light BlueInfo108, 172, 228
Use JPMorgan Chase's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
jpmorgan-chase-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #6CACE4;
--error: #C8102E;
--accent: #6CACE4;
--border: #D9D9D6;
--primary: #003A6D;
--success: #007A33;
--surface: #F4F4F4;
--warning: #FFB81C;
--secondary: #4B5E71;
--text-muted: #6E6E6E;
--background: #FFFFFF;
--text-primary: #1A1A1A;
--text-secondary: #4B5E71;
}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
15.8:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.1:1
Pass
Muted text on background
Needs 3:1 for large text
5.1:1
Pass
Muted text on surface
Needs 3:1 for large text
4.6:1
Pass
JPMorgan Chase background, border and text colors
The quiet part of the JPMorgan Chase palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Chase WhiteBackground
- HEX
- RGB
- HSL
- Chase Light GraySurface
- HEX
- RGB
- HSL
- Chase Border GrayBorder
- HEX
- RGB
- HSL
- Chase BlackText
- HEX
- RGB
- HSL
- Chase SlateSecondary text
- HEX
- RGB
- HSL
- Chase Muted GrayMuted text
- HEX
- RGB
- HSL
About JPMorgan Chase's colors
JPMorgan Chase's palette is built on a foundation of deep blue and cool neutrals, conveying professionalism and reliability. The limited use of accent colors supports clarity and accessibility.
Primary blue is complemented by neutral grays for balance.
Accent blue provides visual hierarchy for calls to action.
Semantic colors (green, yellow, red) are reserved for status and alerts.
Psychology
Blue is associated with trust, security, and stability, which are critical values in the financial sector. The restrained use of color reinforces seriousness and credibility.
Evolution
JPMorgan Chase's color palette has remained largely consistent, maintaining its signature blue and neutral tones for decades. Minor adjustments have been made for digital accessibility and clarity.
Where JPMorgan Chase uses each color
- Primary
Chase Blue is used for the logo, navigation bars, and key headings.
- Secondary
Chase Slate appears in secondary navigation, footers, and backgrounds.
- Accent
Chase Light Blue is used for links, highlights, and interactive elements.
- Backgrounds
Chase White and Light Gray are used for page and card backgrounds.
- Text
Chase Black is used for primary text, with Slate and Muted Gray for secondary and muted text.
- Semantic
Success Green, Warning Yellow, and Error Red are used for status indicators and alerts.
JPMorgan Chase color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official JPMorgan Chase primary brand color is Chase Blue, hex code #003A6D.
Chase Blue (#003A6D) in RGB is (0, 58, 109) and in CMYK is (100, 47, 0, 57).
JPMorgan Chase uses Chase Light Gray (#F4F4F4), Border Gray (#D9D9D6), and Muted Gray (#6E6E6E) throughout its UI for backgrounds, borders, and muted text.
Primary and secondary blues should dominate navigation and branding, with accent blue for interactive elements and semantic colors for alerts. Neutrals provide structure and clarity in backgrounds and text.
The secondary color is Chase Slate, #4B5E71, and the accent is Chase Light Blue, #6CACE4. 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 JPMorgan Chase's colors consistently when it generates UI.
Make something in the spirit of JPMorgan Chase
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.