Lenovo color palette
TechLenovo's brand color system is anchored by its distinctive red, complemented by a palette of deep blacks, neutral grays, and clean whites for a bold, modern tech identity. The palette is designed for high contrast and clarity across digital and physical touchpoints.
lenovo.comLenovo colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Lenovo RedPrimary226, 35, 26
- Lenovo BlackSecondary34, 34, 34
- Lenovo WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Lenovo Light GrayBackground245, 245, 245
- Lenovo Surface GraySurface250, 250, 250
- Lenovo Border GrayBorder209, 209, 209
Text
Three tiers of copy.- Lenovo Text BlackText34, 34, 34
- Lenovo Text GraySecondary text102, 102, 102
- Lenovo Muted GrayMuted text153, 153, 153
Semantic
Feedback and state colors.- Lenovo Success GreenSuccess67, 176, 42
- Lenovo Warning YellowWarning255, 181, 0
- Lenovo Error RedError226, 35, 26
- Lenovo Info BlueInfo0, 114, 198
Use Lenovo's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
lenovo-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0072C6;
--error: #E2231A;
--accent: #FFFFFF;
--border: #D1D1D1;
--primary: #E2231A;
--success: #43B02A;
--surface: #FAFAFA;
--warning: #FFB500;
--secondary: #222222;
--text-muted: #999999;
--background: #F5F5F5;
--text-primary: #222222;
--text-secondary: #666666;
}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.6:1
Pass
Text on surface
Needs 4.5:1 for body text
15.2:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.5:1
Pass
Muted text on background
Needs 3:1 for large text
2.6:1
Fail
Muted text on surface
Needs 3:1 for large text
2.7:1
Fail
Lenovo gray and neutral colors
The quiet part of the Lenovo palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Lenovo Light GrayBackground
- HEX
- RGB
- HSL
- Lenovo Surface GraySurface
- HEX
- RGB
- HSL
- Lenovo Border GrayBorder
- HEX
- RGB
- HSL
- Lenovo Text BlackText
- HEX
- RGB
- HSL
- Lenovo Text GraySecondary text
- HEX
- RGB
- HSL
- Lenovo Muted GrayMuted text
- HEX
- RGB
- HSL
About Lenovo's colors
Lenovo's palette is built around a vibrant red, paired with deep blacks and clean neutrals for high-impact contrast. The color system supports clarity, accessibility, and brand recognition in both digital and physical environments.
Primary red is contrasted with black and white for maximum legibility.
Neutral grays provide balance and structure in UI layouts.
Accent colors are used sparingly to highlight actions and statuses.
Psychology
The red conveys energy, confidence, and leadership, while the black and gray tones reinforce professionalism and reliability. White and light gray backgrounds keep interfaces clean and approachable.
Evolution
Lenovo's core red and black palette has remained consistent since its brand refresh in the early 2010s. Minor adjustments to gray and accent tones have been made to improve digital accessibility and modernize the UI.
Where Lenovo uses each color
- Primary
Lenovo Red is used in the logo, primary buttons, and key highlights across web and packaging.
- Secondary
Lenovo Black is featured in navigation bars, headers, and product backgrounds.
- Accent
Lenovo White provides contrast in backgrounds, text, and iconography.
- Backgrounds
Lenovo Light Gray and Surface Gray are used for page backgrounds and card surfaces.
- Text
Text Black and Text Gray are used for primary and secondary text across all digital and print materials.
- Semantic
Success Green, Warning Yellow, Error Red, and Info Blue are used for status indicators and alerts in digital interfaces.
Lenovo color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Lenovo primary color is #E2231A, known as Lenovo Red. This color is used in the logo and key brand elements.
Lenovo Red (#E2231A) in RGB is (226, 35, 26) and in CMYK is (0, 85, 88, 11). Use these values for print and digital consistency.
Lenovo uses several neutrals: Lenovo Black (#222222), Light Gray (#F5F5F5), Surface Gray (#FAFAFA), Border Gray (#D1D1D1), Text Gray (#666666), and Muted Gray (#999999). These provide structure and hierarchy in the UI.
Use Lenovo Red (#E2231A) for primary actions and branding, with black and white for contrast. Apply gray tones for backgrounds, surfaces, and secondary text to maintain clarity and accessibility.
The secondary color is Lenovo Black, #222222, and the accent is Lenovo White, #FFFFFF. Together with the primary they make up the three brand colors at the top of this page.
4 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 Lenovo's colors consistently when it generates UI.
Make something in the spirit of Lenovo
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.