Sony color palette
TechSony's brand color system emphasizes a minimalist and high-contrast palette, centered around white, black, and neutral grays, reflecting its premium tech identity. The palette is stable and consistent across digital and physical touchpoints.
sony.comSony colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Sony WhitePrimary255, 255, 255
- Sony BlackSecondary0, 0, 0
- Sony BlueAccent0, 114, 206
Surfaces
Page, cards and dividers.- Sony Light GrayBackground245, 245, 245
- Sony Surface GraySurface230, 230, 230
- Sony Border GrayBorder204, 204, 204
Text
Three tiers of copy.- Sony Text BlackText0, 0, 0
- Sony Text GraySecondary text77, 77, 77
- Sony Muted GrayMuted text136, 136, 136
Semantic
Feedback and state colors.- Sony Success GreenSuccess0, 177, 64
- Sony Warning YellowWarning255, 180, 0
- Sony Error RedError208, 2, 27
- Sony Info BlueInfo0, 114, 206
Use Sony's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
sony-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0072CE;
--error: #D0021B;
--accent: #0072CE;
--border: #CCCCCC;
--primary: #FFFFFF;
--success: #00B140;
--surface: #E6E6E6;
--warning: #FFB400;
--secondary: #000000;
--text-muted: #888888;
--background: #F5F5F5;
--text-primary: #000000;
--text-secondary: #4D4D4D;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
19.3:1
Pass
Text on surface
Needs 4.5:1 for body text
16.8:1
Pass
Secondary text on background
Needs 4.5:1 for body text
7.8:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.8:1
Pass
Muted text on background
Needs 3:1 for large text
3.3:1
Pass
Muted text on surface
Needs 3:1 for large text
2.8:1
Fail
Sony gray and neutral colors
The quiet part of the Sony palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Sony Light GrayBackground
- HEX
- RGB
- HSL
- Sony Surface GraySurface
- HEX
- RGB
- HSL
- Sony Border GrayBorder
- HEX
- RGB
- HSL
- Sony Text BlackText
- HEX
- RGB
- HSL
- Sony Text GraySecondary text
- HEX
- RGB
- HSL
- Sony Muted GrayMuted text
- HEX
- RGB
- HSL
About Sony's colors
Sony's palette is rooted in simplicity, using white and black for strong contrast and clarity. Blue is used sparingly as an accent to convey trust and innovation.
Primary white contrasts with black for maximum legibility.
Accent blue highlights interactive elements.
Neutral grays support structure and hierarchy.
Psychology
White and black evoke sophistication, reliability, and clarity, aligning with Sony's premium image. Blue as an accent adds a sense of trust and technological advancement.
Evolution
Sony's color palette has remained largely unchanged for decades, maintaining its signature black-and-white identity. Occasional use of blue and green has been added for digital interfaces and status indicators.
Where Sony uses each color
- Primary
Sony White is used for backgrounds and major surfaces, especially in digital and print materials.
- Secondary
Sony Black appears in the logo, navigation bars, and key text.
- Accent
Sony Blue is used for links, buttons, and highlights in digital interfaces.
- Backgrounds
Sony Light Gray and Surface Gray are used for section backgrounds and cards.
- Text
Sony Text Black and Text Gray are used for primary and secondary body text.
- Semantic
Success Green, Warning Yellow, and Error Red are used for status indicators and notifications.
Sony color questions
Hex codes, RGB values, neutrals and how to use the palette.
The Sony primary color hex code is #FFFFFF, known as Sony White. This is used as the main background color across Sony's branding.
Sony White (#FFFFFF) in RGB is (255, 255, 255) and in CMYK is (0, 0, 0, 0). These values ensure color consistency in both digital and print formats.
Sony uses several neutral grays: Sony Light Gray (#F5F5F5), Sony Surface Gray (#E6E6E6), Sony Border Gray (#CCCCCC), and Sony Muted Gray (#888888). These are used for UI backgrounds, borders, and muted text.
Use Sony White (#FFFFFF) and Sony Black (#000000) for primary surfaces and text, with Sony Blue (#0072CE) for accents. Neutral grays structure layouts, while semantic colors indicate status.
The secondary color is Sony Black, #000000, and the accent is Sony Blue, #0072CE. Together with the primary they make up the three brand colors at the top of this page.
5 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 Sony's colors consistently when it generates UI.
Make something in the spirit of Sony
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.