Intuit color palette
FinanceIntuit's color identity is centered around a vibrant blue, reflecting trust and innovation in financial technology. The palette uses clean, accessible neutrals and subtle accents for clarity and approachability.
intuit.comIntuit colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Intuit BluePrimary35, 108, 255
- Intuit NavySecondary0, 44, 109
- Intuit AquaAccent0, 193, 213
Surfaces
Page, cards and dividers.- Intuit Light GrayBackground245, 247, 250
- Intuit WhiteSurface255, 255, 255
- Intuit Border GrayBorder209, 213, 219
Text
Three tiers of copy.- Intuit CharcoalText34, 34, 34
- Intuit SlateSecondary text75, 85, 99
- Intuit Muted GrayMuted text107, 114, 128
Semantic
Feedback and state colors.- Intuit GreenSuccess46, 212, 122
- Intuit YellowWarning255, 184, 0
- Intuit RedError255, 90, 95
- Intuit Info BlueInfo0, 182, 240
Use Intuit's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
intuit-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00B6F0;
--error: #FF5A5F;
--accent: #00C1D5;
--border: #D1D5DB;
--primary: #236CFF;
--success: #2ED47A;
--surface: #FFFFFF;
--warning: #FFB800;
--secondary: #002C6D;
--text-muted: #6B7280;
--background: #F5F7FA;
--text-primary: #222222;
--text-secondary: #4B5563;
}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.8: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
7.0:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.6:1
Pass
Muted text on background
Needs 3:1 for large text
4.5:1
Pass
Muted text on surface
Needs 3:1 for large text
4.8:1
Pass
Intuit background, border and text colors
The quiet part of the Intuit palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Intuit Light GrayBackground
- HEX
- RGB
- HSL
- Intuit WhiteSurface
- HEX
- RGB
- HSL
- Intuit Border GrayBorder
- HEX
- RGB
- HSL
- Intuit CharcoalText
- HEX
- RGB
- HSL
- Intuit SlateSecondary text
- HEX
- RGB
- HSL
- Intuit Muted GrayMuted text
- HEX
- RGB
- HSL
About Intuit's colors
Intuit’s palette is built around a strong, trustworthy blue, complemented by cool neutrals and bright accents for clarity and accessibility. The system ensures high contrast and a professional, approachable tone.
Primary blue paired with navy for depth
Aqua and info blue provide energetic highlights
Grays unify backgrounds and text for readability
Psychology
Blue conveys reliability and security, essential for a financial brand. The supporting neutrals and accents foster a sense of simplicity and modernity.
Evolution
Intuit’s palette has remained consistent, with blue as the anchor since its early branding. Recent updates refined the neutrals and accent colors for digital clarity and accessibility.
Where Intuit uses each color
- Primary
Used in navigation bars, primary buttons, and key brand elements.
- Secondary
Appears in headers, footers, and as a supporting color in illustrations.
- Accent
Applied to highlights, icons, and interactive elements for emphasis.
- Backgrounds
Light gray and white are used for app and website backgrounds.
- Text
Charcoal and slate grays are used for primary and secondary text throughout UI.
- Semantic
Green, yellow, and red are used for success, warning, and error states in forms and notifications.
Intuit color questions
Hex codes, RGB values, neutrals and how to use the palette.
The Intuit primary color hex code is #236CFF, known as Intuit Blue. This color is used prominently across Intuit’s digital and print materials.
Intuit Blue (#236CFF) has an RGB value of 35, 108, 255. For CMYK, it is approximately 86, 58, 0, 0.
Intuit uses #F5F7FA (Intuit Light Gray) and #FFFFFF (Intuit White) for backgrounds, with #222222 (Intuit Charcoal) and #4B5563 (Intuit Slate) for text. These neutrals ensure high readability and a clean interface.
Use Intuit Blue (#236CFF) for primary actions and navigation, with navy and aqua as supporting and accent colors. Neutrals and semantic colors should maintain clarity, accessibility, and brand consistency across all platforms.
The secondary color is Intuit Navy, #002C6D, and the accent is Intuit Aqua, #00C1D5. 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 Intuit's colors consistently when it generates UI.
Make something in the spirit of Intuit
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.