Samsung color palette
TechSamsung's color identity is defined by its signature deep blue, complemented by a range of cool neutrals and subtle accent colors. The palette is consistent across digital and physical touchpoints, emphasizing clarity and professionalism.
samsung.comSamsung colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Samsung BluePrimary20, 40, 160
- Samsung Sky BlueSecondary0, 116, 194
- Samsung CyanAccent0, 195, 230
Surfaces
Page, cards and dividers.- Samsung WhiteBackground255, 255, 255
- Samsung Light GraySurface247, 247, 247
- Samsung Border GrayBorder216, 216, 216
Text
Three tiers of copy.- Samsung BlackText0, 0, 0
- Samsung CharcoalSecondary text51, 51, 51
- Samsung Muted GrayMuted text118, 118, 118
Semantic
Feedback and state colors.- Samsung GreenSuccess0, 166, 81
- Samsung YellowWarning255, 182, 0
- Samsung RedError230, 0, 40
- Samsung Info BlueInfo0, 159, 219
Use Samsung's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
samsung-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #009FDB;
--error: #E60028;
--accent: #00C3E6;
--border: #D8D8D8;
--primary: #1428A0;
--success: #00A651;
--surface: #F7F7F7;
--warning: #FFB600;
--secondary: #0074C2;
--text-muted: #767676;
--background: #FFFFFF;
--text-primary: #000000;
--text-secondary: #333333;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
21.0:1
Pass
Text on surface
Needs 4.5:1 for body text
19.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
12.6:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
11.8:1
Pass
Muted text on background
Needs 3:1 for large text
4.5:1
Pass
Muted text on surface
Needs 3:1 for large text
4.2:1
Pass
Samsung gray and neutral colors
The quiet part of the Samsung palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Samsung WhiteBackground
- HEX
- RGB
- HSL
- Samsung Light GraySurface
- HEX
- RGB
- HSL
- Samsung Border GrayBorder
- HEX
- RGB
- HSL
- Samsung BlackText
- HEX
- RGB
- HSL
- Samsung CharcoalSecondary text
- HEX
- RGB
- HSL
- Samsung Muted GrayMuted text
- HEX
- RGB
- HSL
About Samsung's colors
Samsung's palette is built around a strong, trustworthy blue supported by neutral grays and functional accent colors. The system prioritizes clarity, accessibility, and a modern tech aesthetic.
Primary blue is paired with lighter blues for hierarchy.
Neutral grays support legibility and UI structure.
Accent cyan and green are used for highlights and status.
Psychology
The deep blue conveys trust, reliability, and innovation, aligning with Samsung's brand values. Neutrals and cool tones reinforce a sense of professionalism and clarity.
Evolution
Samsung's blue has remained central to its identity, with only minor adjustments to tone and supporting colors over the years. The palette has become more refined and minimal in recent brand updates.
Where Samsung uses each color
- Primary
Used for main navigation bars, call-to-action buttons, and key brand elements.
- Secondary
Appears in secondary buttons, links, and subtle highlights on digital interfaces.
- Accent
Used for notifications, highlights, and interactive elements requiring emphasis.
- Backgrounds
White and light gray backgrounds are used throughout websites, apps, and product packaging.
- Text
Black and charcoal are used for primary and secondary text, ensuring high readability.
- Semantic
Green, yellow, and red are used for status indicators, alerts, and feedback messages.
Samsung color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Samsung primary color is #1428A0, known as Samsung Blue. This color is used across all major brand touchpoints.
Samsung Blue (#1428A0) has an RGB value of (20, 40, 160). For print, its approximate CMYK is (88, 75, 0, 37).
Samsung uses #F7F7F7 (Samsung Light Gray), #D8D8D8 (Samsung Border Gray), and #767676 (Samsung Muted Gray) for backgrounds, borders, and muted text. These neutrals support clarity and accessibility in the UI.
Primary blue (#1428A0) should dominate key brand elements, while secondary and accent colors provide hierarchy and emphasis. Neutrals and semantic colors are reserved for backgrounds, text, and status indicators.
The secondary color is Samsung Sky Blue, #0074C2, and the accent is Samsung Cyan, #00C3E6. 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 Samsung's colors consistently when it generates UI.
Make something in the spirit of Samsung
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.