Zoom color palette
TechZoom's color identity centers around a vibrant blue, complemented by a clean white and a range of cool grays for a modern, professional look. The palette is designed for clarity and accessibility in digital communication environments.
zoom.usZoom colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Zoom BluePrimary11, 92, 255
- Zoom CharcoalSecondary35, 39, 47
- Zoom Accent BlueAccent45, 140, 255
Surfaces
Page, cards and dividers.- Zoom WhiteBackground255, 255, 255
- Zoom Light GraySurface246, 247, 249
- Zoom Border GrayBorder224, 228, 234
Text
Three tiers of copy.- Zoom Charcoal TextText35, 39, 47
- Zoom Secondary GraySecondary text91, 95, 103
- Zoom Muted GrayMuted text138, 143, 152
Semantic
Feedback and state colors.- Zoom Success GreenSuccess34, 197, 94
- Zoom Warning OrangeWarning245, 158, 66
- Zoom Error RedError240, 68, 56
- Zoom Info BlueInfo45, 140, 255
Use Zoom's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
zoom-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #2D8CFF;
--error: #F04438;
--accent: #2D8CFF;
--border: #E0E4EA;
--primary: #0B5CFF;
--success: #22C55E;
--surface: #F6F7F9;
--warning: #F59E42;
--secondary: #23272F;
--text-muted: #8A8F98;
--background: #FFFFFF;
--text-primary: #23272F;
--text-secondary: #5B5F67;
}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.0:1
Pass
Text on surface
Needs 4.5:1 for body text
14.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.4:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.0:1
Pass
Muted text on background
Needs 3:1 for large text
3.2:1
Pass
Muted text on surface
Needs 3:1 for large text
3.0:1
Pass
Zoom background, border and text colors
The quiet part of the Zoom palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Zoom WhiteBackground
- HEX
- RGB
- HSL
- Zoom Light GraySurface
- HEX
- RGB
- HSL
- Zoom Border GrayBorder
- HEX
- RGB
- HSL
- Zoom Charcoal TextText
- HEX
- RGB
- HSL
- Zoom Secondary GraySecondary text
- HEX
- RGB
- HSL
- Zoom Muted GrayMuted text
- HEX
- RGB
- HSL
About Zoom's colors
Zoom's palette uses a dominant blue to convey trust and reliability, paired with neutral grays and white for clarity. The color system is designed for high contrast and accessibility in digital interfaces.
Primary blue is complemented by neutral grays for balance.
Accent blue is used for interactive elements.
Success, warning, and error colors provide clear semantic feedback.
Psychology
Blue is associated with professionalism, trust, and calm, which aligns with Zoom's focus on communication. The neutral grays support a distraction-free, modern user experience.
Evolution
Zoom's palette has remained stable, with the core blue and gray tones being consistent since its early branding. Minor adjustments have been made to gray shades for improved accessibility.
Where Zoom uses each color
- Primary
Zoom Blue is used for primary buttons, links, and highlights across the app and website.
- Secondary
Zoom Charcoal appears in navigation bars, footers, and modal backgrounds.
- Accent
Zoom Accent Blue is used for hover states, secondary buttons, and interactive elements.
- Backgrounds
Zoom White is the main background for app screens and web pages.
- Text
Zoom Charcoal Text is used for primary headings and body text, with secondary and muted grays for less prominent information.
- Semantic
Success, warning, and error colors are used in alerts, notifications, and status indicators.
Zoom color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Zoom primary color hex code is #0B5CFF. This blue is used throughout Zoom's digital products and branding.
The RGB value for Zoom Blue (#0B5CFF) is 11, 92, 255. For print, the approximate CMYK is 96, 64, 0, 0.
Zoom uses several grays: Zoom Charcoal (#23272F) for text and backgrounds, and Zoom Light Gray (#F6F7F9) for surfaces. These neutrals provide contrast and support accessibility.
Use Zoom Blue (#0B5CFF) for primary actions and highlights, with grays and white for backgrounds and text. Semantic colors like green, orange, and red are reserved for status and alerts.
The secondary color is Zoom Charcoal, #23272F, and the accent is Zoom Accent Blue, #2D8CFF. 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 Zoom's colors consistently when it generates UI.
Make something in the spirit of Zoom
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.