LinkedIn color palette
SocialLinkedIn's color identity is defined by its signature blue, paired with a clean, professional palette of neutrals and accent colors. The palette is designed for clarity, accessibility, and a business-focused digital environment.
linkedin.comLinkedIn colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- LinkedIn BluePrimary10, 102, 194
- LinkedIn NavySecondary0, 65, 130
- LinkedIn PurpleAccent141, 108, 171
Surfaces
Page, cards and dividers.- LinkedIn Light GrayBackground243, 246, 248
- LinkedIn WhiteSurface255, 255, 255
- LinkedIn Border GrayBorder230, 233, 236
Text
Three tiers of copy.- LinkedIn CharcoalText29, 34, 38
- LinkedIn Medium GraySecondary text67, 70, 73
- LinkedIn Muted GrayMuted text122, 139, 152
Semantic
Feedback and state colors.- LinkedIn Success GreenSuccess55, 131, 59
- LinkedIn Warning OrangeWarning178, 64, 32
- LinkedIn Error RedError210, 46, 46
- LinkedIn Info BlueInfo1, 119, 183
Use LinkedIn's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
linkedin-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0177B7;
--error: #D22E2E;
--accent: #8D6CAB;
--border: #E6E9EC;
--primary: #0A66C2;
--success: #37833B;
--surface: #FFFFFF;
--warning: #B24020;
--secondary: #004182;
--text-muted: #7A8B98;
--background: #F3F6F8;
--text-primary: #1D2226;
--text-secondary: #434649;
}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.8:1
Pass
Text on surface
Needs 4.5:1 for body text
16.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.8:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
9.5: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.5:1
Pass
LinkedIn background, border and text colors
The quiet part of the LinkedIn palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- LinkedIn Light GrayBackground
- HEX
- RGB
- HSL
- LinkedIn WhiteSurface
- HEX
- RGB
- HSL
- LinkedIn Border GrayBorder
- HEX
- RGB
- HSL
- LinkedIn CharcoalText
- HEX
- RGB
- HSL
- LinkedIn Medium GraySecondary text
- HEX
- RGB
- HSL
- LinkedIn Muted GrayMuted text
- HEX
- RGB
- HSL
About LinkedIn's colors
LinkedIn's palette is anchored by a strong blue, conveying trust and professionalism, with supporting neutrals for clarity and accessibility. Accent and semantic colors are used sparingly for emphasis and feedback.
Primary blue is complemented by navy for depth.
Neutrals provide a clean, minimal backdrop.
Accent and semantic colors highlight actions and statuses.
Psychology
Blue is associated with trust, reliability, and professionalism, aligning with LinkedIn's business focus. The restrained use of color supports a serious, credible tone.
Evolution
LinkedIn's palette has remained stable, with the primary blue unchanged since its early years. Minor adjustments to neutrals and accent colors have improved accessibility and modernized the UI.
Where LinkedIn uses each color
- Primary
Used for the logo, primary buttons, and key navigation elements.
- Secondary
Applied to navigation bars, headers, and some icons.
- Accent
Used for highlights, promotional banners, and select UI elements.
- Backgrounds
Light gray backgrounds are used for app screens and content areas.
- Text
Charcoal and gray tones are used for primary and secondary text throughout the interface.
- Semantic
Green, orange, red, and info blue are used for status indicators, alerts, and feedback messages.
LinkedIn color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official LinkedIn brand color is LinkedIn Blue, with the hex code #0A66C2.
LinkedIn Blue (#0A66C2) is RGB(10, 102, 194) and CMYK(95, 48, 0, 24).
LinkedIn uses LinkedIn Light Gray (#F3F6F8), Border Gray (#E6E9EC), and Charcoal (#1D2226) for backgrounds, borders, and text.
LinkedIn Blue (#0A66C2) should be reserved for primary actions and branding, while neutrals and semantic colors support clarity and accessibility throughout the UI.
The secondary color is LinkedIn Navy, #004182, and the accent is LinkedIn Purple, #8D6CAB. 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 LinkedIn's colors consistently when it generates UI.
Make something in the spirit of LinkedIn
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.
