TurboTax color palette
FinanceTurboTax uses a bold red as its primary brand color, paired with clean neutrals and blue accents for clarity and trust. Its palette is consistent across digital and print applications.
turbotax.intuit.comTurboTax colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- TurboTax RedPrimary213, 43, 30
- TurboTax BlueSecondary0, 119, 197
- TurboTax YellowAccent255, 210, 0
Surfaces
Page, cards and dividers.- TurboTax WhiteBackground255, 255, 255
- TurboTax Light GraySurface245, 246, 247
- TurboTax Border GrayBorder217, 217, 217
Text
Three tiers of copy.- TurboTax BlackText34, 34, 34
- TurboTax Dark GraySecondary text90, 90, 90
- TurboTax Muted GrayMuted text138, 138, 138
Semantic
Feedback and state colors.- TurboTax Success GreenSuccess46, 133, 64
- TurboTax Warning OrangeWarning255, 180, 0
- TurboTax Error RedError213, 43, 30
- TurboTax Info BlueInfo0, 119, 197
Use TurboTax's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
turbotax-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0077C5;
--error: #D52B1E;
--accent: #FFD200;
--border: #D9D9D9;
--primary: #D52B1E;
--success: #2E8540;
--surface: #F5F6F7;
--warning: #FFB400;
--secondary: #0077C5;
--text-muted: #8A8A8A;
--background: #FFFFFF;
--text-primary: #222222;
--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
15.9:1
Pass
Text on surface
Needs 4.5:1 for body text
14.7: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.4:1
Pass
Muted text on background
Needs 3:1 for large text
3.5:1
Pass
Muted text on surface
Needs 3:1 for large text
3.2:1
Pass
TurboTax gray and neutral colors
The quiet part of the TurboTax palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- TurboTax WhiteBackground
- HEX
- RGB
- HSL
- TurboTax Light GraySurface
- HEX
- RGB
- HSL
- TurboTax Border GrayBorder
- HEX
- RGB
- HSL
- TurboTax BlackText
- HEX
- RGB
- HSL
- TurboTax Dark GraySecondary text
- HEX
- RGB
- HSL
- TurboTax Muted GrayMuted text
- HEX
- RGB
- HSL
About TurboTax's colors
TurboTax's palette is built around a vibrant red for brand recognition, with blue and yellow accents to convey trust and clarity. Neutral grays and whites provide a clean, accessible interface.
Primary red paired with blue for contrast and trust.
Yellow accent highlights important actions.
Grays and white create a neutral, readable background.
Psychology
Red signals urgency and action, encouraging users to engage. Blue and gray tones reinforce reliability and professionalism.
Evolution
TurboTax's core red has remained consistent for decades, with minor adjustments to supporting neutrals for digital accessibility. The palette has expanded slightly to include more UI-specific grays and accent colors.
Where TurboTax uses each color
- Primary
Used for main call-to-action buttons and logo.
- Secondary
Appears in navigation bars and informational highlights.
- Accent
Used for notification badges and highlights.
- Backgrounds
White and light gray backgrounds are used throughout app screens and forms.
- Text
Black and dark gray are used for primary and secondary text, with muted gray for placeholders.
- Semantic
Green, orange, and red are used for success, warning, and error messages respectively.
TurboTax color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official TurboTax brand color is TurboTax Red, hex #D52B1E.
TurboTax Red is #D52B1E, which is RGB(213, 43, 30). For CMYK, it is approximately 0, 80, 86, 16.
TurboTax uses TurboTax Light Gray (#F5F6F7), Border Gray (#D9D9D9), and Muted Gray (#8A8A8A) for backgrounds, borders, and muted text.
Use TurboTax Red (#D52B1E) for primary actions and branding, with blue (#0077C5) and yellow (#FFD200) as accents. Grays and white provide structure and readability in UI layouts.
The secondary color is TurboTax Blue, #0077C5, and the accent is TurboTax Yellow, #FFD200. 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 TurboTax's colors consistently when it generates UI.
Make something in the spirit of TurboTax
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.