Fidelity color palette
FinanceFidelity's color identity is defined by its distinctive green, which conveys trust and financial growth. The palette is complemented by neutral grays and black for clarity and professionalism.
fidelity.comFidelity colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Fidelity GreenPrimary0, 116, 74
- Fidelity Dark GreenSecondary0, 58, 35
- Fidelity YellowAccent255, 209, 0
Surfaces
Page, cards and dividers.- Fidelity WhiteBackground255, 255, 255
- Fidelity Light GraySurface245, 245, 245
- Fidelity Border GrayBorder217, 217, 214
Text
Three tiers of copy.- Fidelity BlackText34, 34, 34
- Fidelity Medium GraySecondary text102, 102, 102
- Fidelity Muted GrayMuted text167, 168, 170
Semantic
Feedback and state colors.- Fidelity GreenSuccess0, 116, 74
- Fidelity YellowWarning255, 209, 0
- Fidelity RedError215, 38, 61
- Fidelity BlueInfo0, 114, 206
Use Fidelity's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
fidelity-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0072CE;
--error: #D7263D;
--accent: #FFD100;
--border: #D9D9D6;
--primary: #00744A;
--success: #00744A;
--surface: #F5F5F5;
--warning: #FFD100;
--secondary: #003A23;
--text-muted: #A7A8AA;
--background: #FFFFFF;
--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
15.9:1
Pass
Text on surface
Needs 4.5:1 for body text
14.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.3: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
Fidelity gray and neutral colors
The quiet part of the Fidelity palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Fidelity WhiteBackground
- HEX
- RGB
- HSL
- Fidelity Light GraySurface
- HEX
- RGB
- HSL
- Fidelity Border GrayBorder
- HEX
- RGB
- HSL
- Fidelity BlackText
- HEX
- RGB
- HSL
- Fidelity Medium GraySecondary text
- HEX
- RGB
- HSL
- Fidelity Muted GrayMuted text
- HEX
- RGB
- HSL
About Fidelity's colors
Fidelity's palette centers on a signature green, supported by a range of neutrals and a yellow accent. The system is designed for clarity, trust, and accessibility across digital and print touchpoints.
Primary green paired with white for high contrast.
Accent yellow highlights calls to action.
Dark green and grays provide depth and hierarchy.
Psychology
Green evokes trust, stability, and financial growth, aligning with Fidelity's brand values. Yellow adds energy and draws attention to key elements.
Evolution
Fidelity's color palette has remained consistent for decades, with minor adjustments to green and neutral tones for digital accessibility. The core green has always been central to the brand's identity.
Where Fidelity uses each color
- Primary
Fidelity Green is used for the logo, primary buttons, and key navigation elements.
- Secondary
Fidelity Dark Green appears in headers, footers, and secondary navigation.
- Accent
Fidelity Yellow is used for highlights, alerts, and call-to-action buttons.
- Backgrounds
Fidelity White and Light Gray are used for page backgrounds and content areas.
- Text
Fidelity Black and Medium Gray are used for primary and secondary text, ensuring readability.
- Semantic
Fidelity Red and Blue are used for error and informational states, respectively, while Green and Yellow indicate success and warnings.
Fidelity color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Fidelity brand color is Fidelity Green, hex code #00744A.
Fidelity Green is RGB(0, 116, 74) and in CMYK it is approximately 100, 0, 36, 55.
Fidelity uses Light Gray (#F5F5F5), Border Gray (#D9D9D6), Medium Gray (#666666), and Muted Gray (#A7A8AA) for backgrounds, borders, and secondary text.
Fidelity Green (#00744A) should be dominant in branding and UI, with accent and neutral colors supporting hierarchy and accessibility.
The secondary color is Fidelity Dark Green, #003A23, and the accent is Fidelity Yellow, #FFD100. 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 Fidelity's colors consistently when it generates UI.
Make something in the spirit of Fidelity
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.