Charles Schwab color palette
FinanceCharles Schwab's brand identity is defined by its distinctive blue, paired with a clean, professional palette of neutrals and subtle accents. The color system emphasizes trust, clarity, and accessibility across all digital and print touchpoints.
schwab.comCharles Schwab colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Schwab BluePrimary0, 147, 208
- Schwab Deep BlueSecondary0, 85, 135
- Schwab Light BlueAccent0, 181, 226
Surfaces
Page, cards and dividers.- Schwab Light GrayBackground244, 244, 244
- Schwab WhiteSurface255, 255, 255
- Schwab Border GrayBorder217, 217, 214
Text
Three tiers of copy.- Schwab CharcoalText34, 34, 34
- Schwab Medium GraySecondary text102, 102, 102
- Schwab Muted GrayMuted text167, 168, 170
Semantic
Feedback and state colors.- Schwab GreenSuccess75, 175, 79
- Schwab GoldWarning247, 181, 0
- Schwab RedError208, 2, 27
- Schwab BlueInfo0, 147, 208
Use Charles Schwab's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
charles-schwab-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0093D0;
--error: #D0021B;
--accent: #00B5E2;
--border: #D9D9D6;
--primary: #0093D0;
--success: #4BAF4F;
--surface: #FFFFFF;
--warning: #F7B500;
--secondary: #005587;
--text-muted: #A7A8AA;
--background: #F4F4F4;
--text-primary: #222222;
--text-secondary: #666666;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
14.5:1
Pass
Text on surface
Needs 4.5:1 for body text
15.9:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.2:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.7:1
Pass
Muted text on background
Needs 3:1 for large text
2.2:1
Fail
Muted text on surface
Needs 3:1 for large text
2.4:1
Fail
Charles Schwab gray and neutral colors
The quiet part of the Charles Schwab palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Schwab Light GrayBackground
- HEX
- RGB
- HSL
- Schwab WhiteSurface
- HEX
- RGB
- HSL
- Schwab Border GrayBorder
- HEX
- RGB
- HSL
- Schwab CharcoalText
- HEX
- RGB
- HSL
- Schwab Medium GraySecondary text
- HEX
- RGB
- HSL
- Schwab Muted GrayMuted text
- HEX
- RGB
- HSL
About Charles Schwab's colors
Charles Schwab's palette centers on a signature blue, conveying trust and professionalism, complemented by a range of grays and subtle accent colors. The system is designed for clarity, accessibility, and a modern financial feel.
Primary blue is paired with deep blue for contrast.
Neutrals support readability and UI clarity.
Accent blue highlights calls to action.
Psychology
Blue is associated with reliability, security, and confidence, which are essential in financial services. The neutral grays and whites reinforce a sense of openness and approachability.
Evolution
Schwab's core blue has remained consistent for decades, reinforcing brand recognition. The supporting palette has evolved to include more nuanced grays and accent blues for digital interfaces.
Where Charles Schwab uses each color
- Primary
Used for the logo, primary navigation, and key calls to action.
- Secondary
Appears in headers, footers, and secondary buttons.
- Accent
Highlights links, icons, and interactive elements.
- Backgrounds
Light gray and white are used for page backgrounds and content areas.
- Text
Charcoal and medium gray are used for primary and secondary text throughout the site and apps.
- Semantic
Green, gold, and red are used for status indicators such as success, warnings, and errors.
Charles Schwab color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Charles Schwab brand color is Schwab Blue, hex code #0093D0.
Schwab Blue (#0093D0) is RGB(0, 147, 208) and CMYK(100, 29, 0, 18).
Schwab uses a range of grays including Schwab Light Gray (#F4F4F4), Border Gray (#D9D9D6), Medium Gray (#666666), and Muted Gray (#A7A8AA) for backgrounds, borders, and text.
Use Schwab Blue (#0093D0) for primary actions and branding, with supporting grays and whites for backgrounds and text. Accent and semantic colors should be reserved for highlights, links, and status indicators.
The secondary color is Schwab Deep Blue, #005587, and the accent is Schwab Light Blue, #00B5E2. 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 Charles Schwab's colors consistently when it generates UI.
Make something in the spirit of Charles Schwab
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.