Intercom color palette
SaaSIntercom's color system is defined by a distinctive aqua primary paired with deep blue and neutral grays, supporting a modern, approachable SaaS interface. The palette emphasizes clarity, accessibility, and a conversational tone across its product and brand touchpoints.
intercom.comIntercom colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Intercom AquaPrimary106, 253, 239
- Intercom BlueSecondary0, 97, 242
- Intercom YellowAccent255, 214, 0
Surfaces
Page, cards and dividers.- Intercom WhiteBackground255, 255, 255
- Intercom Light GraySurface246, 248, 249
- Intercom Border GrayBorder228, 232, 235
Text
Three tiers of copy.- Intercom CharcoalText34, 44, 54
- Intercom SlateSecondary text107, 122, 134
- Intercom Muted GrayMuted text163, 177, 191
Semantic
Feedback and state colors.- Intercom GreenSuccess0, 210, 122
- Intercom OrangeWarning255, 178, 0
- Intercom RedError255, 59, 48
- Intercom Info BlueInfo23, 162, 184
Use Intercom's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
intercom-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #17A2B8;
--error: #FF3B30;
--accent: #FFD600;
--border: #E4E8EB;
--primary: #6AFDEF;
--success: #00D27A;
--surface: #F6F8F9;
--warning: #FFB200;
--secondary: #0061F2;
--text-muted: #A3B1BF;
--background: #FFFFFF;
--text-primary: #222C36;
--text-secondary: #6B7A86;
}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.2:1
Pass
Text on surface
Needs 4.5:1 for body text
13.3:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.4:1
Fail
Secondary text on surface
Needs 4.5:1 for body text
4.1:1
Fail
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.1:1
Fail
Intercom background, border and text colors
The quiet part of the Intercom palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Intercom WhiteBackground
- HEX
- RGB
- HSL
- Intercom Light GraySurface
- HEX
- RGB
- HSL
- Intercom Border GrayBorder
- HEX
- RGB
- HSL
- Intercom CharcoalText
- HEX
- RGB
- HSL
- Intercom SlateSecondary text
- HEX
- RGB
- HSL
- Intercom Muted GrayMuted text
- HEX
- RGB
- HSL
About Intercom's colors
Intercom's palette is built around a bright aqua primary, contrasted with deep blues and soft neutrals for clarity and accessibility. The system uses color sparingly to highlight actions and guide user attention.
Primary aqua is complemented by deep blue for emphasis.
Neutrals provide a calm, readable backdrop.
Accent yellow is reserved for highlights and notifications.
Psychology
The aqua primary evokes friendliness and innovation, while the deep blue secondary color conveys trust and reliability. Neutrals and muted tones ensure the interface feels clean and approachable.
Evolution
Intercom's palette has remained consistent since its 2019 rebrand, maintaining the signature aqua and blue. Minor adjustments to neutral tones have improved accessibility and contrast.
Where Intercom uses each color
- Primary
Used for key buttons, highlights, and interactive elements across the Intercom app and marketing site.
- Secondary
Appears in navigation bars, links, and as a supporting color in illustrations.
- Accent
Used for notifications, highlights, and callouts to draw attention.
- Backgrounds
White and light gray backgrounds are used throughout the UI for clarity and separation.
- Text
Charcoal and slate text colors ensure readability on light surfaces.
- Semantic
Green, orange, red, and info blue are used for status indicators, alerts, and feedback messages.
Intercom color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Intercom primary color is #6AFDEF, known as Intercom Aqua.
The RGB value for #6AFDEF is (106, 253, 239).
Intercom uses #F6F8F9 (Intercom Light Gray), #E4E8EB (Intercom Border Gray), and #A3B1BF (Intercom Muted Gray) for backgrounds, borders, and muted text.
Use #6AFDEF for primary actions, #0061F2 for secondary emphasis, and neutrals for backgrounds and text to maintain clarity and brand consistency.
The secondary color is Intercom Blue, #0061F2, and the accent is Intercom Yellow, #FFD600. 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 Intercom's colors consistently when it generates UI.
Make something in the spirit of Intercom
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.