LG color palette
ConsumerLG uses a distinctive deep red as its primary color, complemented by clean whites, dark grays, and subtle accent tones. The palette is designed for clarity, modernity, and strong brand recognition across digital and physical touchpoints.
lg.comLG colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- LG RedPrimary165, 0, 52
- LG CharcoalSecondary34, 34, 34
- LG Yellow AccentAccent255, 214, 0
Surfaces
Page, cards and dividers.- LG WhiteBackground255, 255, 255
- LG Light GraySurface245, 245, 245
- LG Divider GrayBorder224, 224, 224
Text
Three tiers of copy.- LG Charcoal TextText34, 34, 34
- LG Medium Gray TextSecondary text117, 117, 117
- LG Muted Gray TextMuted text189, 189, 189
Semantic
Feedback and state colors.- LG Success GreenSuccess0, 166, 81
- LG Warning AmberWarning255, 179, 0
- LG Error RedError211, 47, 47
- LG Info BlueInfo25, 118, 210
Use LG's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
lg-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1976D2;
--error: #D32F2F;
--accent: #FFD600;
--border: #E0E0E0;
--primary: #A50034;
--success: #00A651;
--surface: #F5F5F5;
--warning: #FFB300;
--secondary: #222222;
--text-muted: #BDBDBD;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #757575;
}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.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.6:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.2:1
Fail
Muted text on background
Needs 3:1 for large text
1.9:1
Fail
Muted text on surface
Needs 3:1 for large text
1.7:1
Fail
LG gray and neutral colors
The quiet part of the LG palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- LG WhiteBackground
- HEX
- RGB
- HSL
- LG Light GraySurface
- HEX
- RGB
- HSL
- LG Divider GrayBorder
- HEX
- RGB
- HSL
- LG Charcoal TextText
- HEX
- RGB
- HSL
- LG Medium Gray TextSecondary text
- HEX
- RGB
- HSL
- LG Muted Gray TextMuted text
- HEX
- RGB
- HSL
About LG's colors
LG's color system is anchored by a bold, energetic red, supported by neutral grays and whites for balance and clarity. Accents of yellow and blue are used sparingly for emphasis and semantic cues.
Primary red contrasts with white and dark gray for strong visibility.
Accent yellow is used for highlights and warnings.
Semantic colors (green, amber, blue, red) provide clear status indications.
Psychology
LG Red conveys energy, passion, and confidence, reinforcing the brand's innovative spirit. The neutral grays and whites create a sense of trust, reliability, and modernity.
Evolution
LG's palette has remained consistent since its global rebranding in the early 2000s, with only minor adjustments to gray and accent tones for digital clarity. The signature red has been a constant, ensuring strong brand recognition.
Where LG uses each color
- Primary
LG Red is used for logos, primary buttons, and key highlights on digital and print materials.
- Secondary
LG Charcoal appears in navigation bars, footers, and text for contrast and readability.
- Accent
LG Yellow Accent is used for notifications, highlights, and promotional banners.
- Backgrounds
LG White and LG Light Gray serve as main backgrounds for web pages, product displays, and packaging.
- Text
LG Charcoal Text is the default for body copy, with Medium and Muted Gray for secondary and disabled text.
- Semantic
Success Green, Warning Amber, Error Red, and Info Blue are used for alerts, status messages, and system feedback.
LG color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official LG primary color is LG Red, with the hex code #A50034. This color should be used for all primary branding elements.
LG Red (#A50034) in RGB is 165, 0, 52 and in CMYK is 0, 100, 68, 35. Use these values for digital and print consistency.
LG uses LG Charcoal (#222222), LG Light Gray (#F5F5F5), and LG Divider Gray (#E0E0E0) for backgrounds, surfaces, and borders. These neutrals provide structure and clarity in UI layouts.
Use LG Red (#A50034) for primary actions and branding, with neutrals for backgrounds and text. Accent and semantic colors should be reserved for highlights, alerts, and status indicators.
The secondary color is LG Charcoal, #222222, and the accent is LG Yellow Accent, #FFD600. Together with the primary they make up the three brand colors at the top of this page.
3 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 LG's colors consistently when it generates UI.
Make something in the spirit of LG
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.