Intel color palette
TechIntel's color identity centers on a distinctive blue, supported by a clean, modern palette of neutrals and accent blues. The system is designed for clarity, professionalism, and high-tech appeal.
intel.comIntel colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Intel BluePrimary0, 113, 197
- Intel Deep BlueSecondary0, 90, 139
- Intel Light BlueAccent0, 173, 239
Surfaces
Page, cards and dividers.- Intel WhiteBackground255, 255, 255
- Intel Surface GraySurface245, 247, 250
- Intel Border GrayBorder209, 213, 218
Text
Three tiers of copy.- Intel CharcoalText34, 34, 34
- Intel Medium GraySecondary text85, 85, 85
- Intel Muted GrayMuted text122, 122, 122
Semantic
Feedback and state colors.- Intel Success GreenSuccess67, 176, 42
- Intel Warning YellowWarning255, 180, 0
- Intel Error RedError224, 60, 49
- Intel Info BlueInfo0, 159, 218
Use Intel's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
intel-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #009FDA;
--error: #E03C31;
--accent: #00ADEF;
--border: #D1D5DA;
--primary: #0071C5;
--success: #43B02A;
--surface: #F5F7FA;
--warning: #FFB400;
--secondary: #005A8B;
--text-muted: #7A7A7A;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #555555;
}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.8:1
Pass
Secondary text on background
Needs 4.5:1 for body text
7.5:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.9:1
Pass
Muted text on background
Needs 3:1 for large text
4.3:1
Pass
Muted text on surface
Needs 3:1 for large text
4.0:1
Pass
Intel background, border and text colors
The quiet part of the Intel palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Intel WhiteBackground
- HEX
- RGB
- HSL
- Intel Surface GraySurface
- HEX
- RGB
- HSL
- Intel Border GrayBorder
- HEX
- RGB
- HSL
- Intel CharcoalText
- HEX
- RGB
- HSL
- Intel Medium GraySecondary text
- HEX
- RGB
- HSL
- Intel Muted GrayMuted text
- HEX
- RGB
- HSL
About Intel's colors
Intel's palette is built around a signature blue, conveying trust and innovation, with supporting neutrals for clarity. Accent blues and semantic colors provide visual hierarchy and accessibility.
Primary blue is paired with deep and light blues for depth.
Neutral grays and whites create a clean, modern interface.
Semantic colors are reserved for status and alerts.
Psychology
Blue is associated with reliability, intelligence, and technological advancement, aligning with Intel's brand values. The use of crisp neutrals reinforces professionalism and clarity.
Evolution
Intel's blue has remained consistent for decades, with minor adjustments for digital clarity. The supporting palette has evolved to include more nuanced grays and accent blues for modern UI needs.
Where Intel uses each color
- Primary
Intel Blue is used for logos, primary buttons, and key highlights across digital and print.
- Secondary
Intel Deep Blue appears in navigation bars, secondary buttons, and backgrounds.
- Accent
Intel Light Blue is used for interactive elements, links, and subtle highlights.
- Backgrounds
Intel White and Surface Gray are used for page backgrounds and content areas.
- Text
Charcoal and Medium Gray are used for primary and secondary text, with Muted Gray for disabled or less prominent text.
- Semantic
Success Green, Warning Yellow, Error Red, and Info Blue are used for alerts, notifications, and status indicators.
Intel color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Intel primary color is Intel Blue, hex code #0071C5. This color is used for the logo and main brand elements.
Intel Blue (#0071C5) is RGB(0, 113, 197) and CMYK(100, 43, 0, 23). Use these values for accurate reproduction in print and digital.
Intel uses Surface Gray (#F5F7FA), Border Gray (#D1D5DA), Charcoal (#222222), Medium Gray (#555555), and Muted Gray (#7A7A7A) for UI backgrounds, borders, and text. These neutrals provide clarity and contrast in interface design.
Use Intel Blue (#0071C5) for primary actions and branding, with Deep Blue and Light Blue for secondary and accent roles. Neutrals and semantic colors should be used as specified to maintain accessibility and brand consistency.
The secondary color is Intel Deep Blue, #005A8B, and the accent is Intel Light Blue, #00ADEF. 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 Intel's colors consistently when it generates UI.
Make something in the spirit of Intel
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.