FreshBooks color palette
SaaSFreshBooks uses a distinctive blue and green palette with clean neutrals, reflecting its approachable and trustworthy SaaS brand identity. The colors are consistent across its website, app, and marketing materials.
freshbooks.comFreshBooks colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- FreshBooks BluePrimary16, 148, 246
- FreshBooks GreenSecondary67, 176, 42
- FreshBooks YellowAccent255, 210, 0
Surfaces
Page, cards and dividers.- FreshBooks Light GrayBackground247, 249, 250
- FreshBooks WhiteSurface255, 255, 255
- FreshBooks Border GrayBorder214, 223, 230
Text
Three tiers of copy.- FreshBooks CharcoalText45, 58, 62
- FreshBooks Secondary GraySecondary text107, 122, 136
- FreshBooks Muted GrayMuted text163, 177, 191
Semantic
Feedback and state colors.- FreshBooks Success GreenSuccess67, 176, 42
- FreshBooks Warning YellowWarning255, 210, 0
- FreshBooks Error RedError233, 79, 55
- FreshBooks Info BlueInfo16, 148, 246
Use FreshBooks's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
freshbooks-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1094F6;
--error: #E94F37;
--accent: #FFD200;
--border: #D6DFE6;
--primary: #1094F6;
--success: #43B02A;
--surface: #FFFFFF;
--warning: #FFD200;
--secondary: #43B02A;
--text-muted: #A3B1BF;
--background: #F7F9FA;
--text-primary: #2D3A3E;
--text-secondary: #6B7A88;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
11.1:1
Pass
Text on surface
Needs 4.5:1 for body text
11.8:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.2:1
Fail
Secondary text on surface
Needs 4.5:1 for body text
4.4:1
Fail
Muted text on background
Needs 3:1 for large text
2.1:1
Fail
Muted text on surface
Needs 3:1 for large text
2.2:1
Fail
FreshBooks background, border and text colors
The quiet part of the FreshBooks palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- FreshBooks Light GrayBackground
- HEX
- RGB
- HSL
- FreshBooks WhiteSurface
- HEX
- RGB
- HSL
- FreshBooks Border GrayBorder
- HEX
- RGB
- HSL
- FreshBooks CharcoalText
- HEX
- RGB
- HSL
- FreshBooks Secondary GraySecondary text
- HEX
- RGB
- HSL
- FreshBooks Muted GrayMuted text
- HEX
- RGB
- HSL
About FreshBooks's colors
FreshBooks' palette is built around a vibrant blue, complemented by green and yellow accents, and grounded by clean grays and white. The system is designed for clarity, trust, and approachability.
Primary blue pairs with green for calls to action.
Yellow accent highlights important UI elements.
Neutral grays provide structure and readability.
Psychology
Blue conveys trust, reliability, and professionalism, which is essential for a financial SaaS product. Green and yellow add energy and highlight key actions or information.
Evolution
FreshBooks' core blue has remained consistent, with minor adjustments to supporting colors for accessibility and modern UI trends. The neutral palette has become lighter and more minimal over time.
Where FreshBooks uses each color
- Primary
Used for main navigation bars, primary buttons, and key highlights throughout the app.
- Secondary
Appears in secondary buttons, icons, and success messages.
- Accent
Used for notifications, highlights, and warning states.
- Backgrounds
Light gray and white backgrounds are used for app screens and page sections.
- Text
Charcoal and gray tones are used for primary and secondary text for readability.
- Semantic
Green, yellow, and red are used for success, warning, and error states respectively.
FreshBooks color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official FreshBooks primary brand color is #1094F6, known as FreshBooks Blue.
FreshBooks Blue (#1094F6) in RGB is 16, 148, 246. For CMYK, it is approximately 93, 40, 0, 0.
FreshBooks uses several neutrals including FreshBooks Light Gray (#F7F9FA), Border Gray (#D6DFE6), and Charcoal (#2D3A3E) for backgrounds, borders, and text.
Use FreshBooks Blue (#1094F6) for primary actions, Green (#43B02A) for success, and Yellow (#FFD200) for accents or warnings. Neutrals support layout and readability across backgrounds and text.
The secondary color is FreshBooks Green, #43B02A, and the accent is FreshBooks Yellow, #FFD200. Together with the primary they make up the three brand colors at the top of this page.
2 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 FreshBooks's colors consistently when it generates UI.
Make something in the spirit of FreshBooks
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.