AMD color palette
TechAMD's color identity is defined by a bold red primary, complemented by deep blacks and cool grays for a high-contrast, technical look. The palette reflects the brand's focus on performance and innovation in the semiconductor industry.
amd.comAMD colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- AMD RedPrimary237, 28, 36
- AMD BlackSecondary35, 31, 32
- AMD WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- AMD Dark BackgroundBackground24, 24, 24
- AMD Light SurfaceSurface245, 245, 245
- AMD Light Gray BorderBorder204, 204, 204
Text
Three tiers of copy.- AMD Black TextText35, 31, 32
- AMD Medium Gray TextSecondary text109, 110, 113
- AMD Muted Gray TextMuted text167, 168, 170
Semantic
Feedback and state colors.- AMD Success GreenSuccess75, 181, 67
- AMD Warning YellowWarning255, 180, 0
- AMD Error RedError237, 28, 36
- AMD Info BlueInfo0, 114, 198
Use AMD's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
amd-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0072C6;
--error: #ED1C24;
--accent: #FFFFFF;
--border: #CCCCCC;
--primary: #ED1C24;
--success: #4BB543;
--surface: #F5F5F5;
--warning: #FFB400;
--secondary: #231F20;
--text-muted: #A7A8AA;
--background: #181818;
--text-primary: #231F20;
--text-secondary: #6D6E71;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
1.1:1
Fail
Text on surface
Needs 4.5:1 for body text
15.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
3.5:1
Fail
Secondary text on surface
Needs 4.5:1 for body text
4.7:1
Pass
Muted text on background
Needs 3:1 for large text
7.5:1
Pass
Muted text on surface
Needs 3:1 for large text
2.2:1
Fail
AMD gray, dark and neutral colors
AMD runs a dark interface, so these grays carry the layout: background, sidebar surfaces, dividers and three tiers of text. Click a value to copy it.
- AMD Dark BackgroundBackground
- HEX
- RGB
- HSL
- AMD Light SurfaceSurface
- HEX
- RGB
- HSL
- AMD Light Gray BorderBorder
- HEX
- RGB
- HSL
- AMD Black TextText
- HEX
- RGB
- HSL
- AMD Medium Gray TextSecondary text
- HEX
- RGB
- HSL
- AMD Muted Gray TextMuted text
- HEX
- RGB
- HSL
About AMD's colors
AMD's palette is anchored by a vibrant red, contrasted with deep black and neutral grays for clarity and impact. The use of white and light gray surfaces provides balance and readability.
Primary red is paired with black for strong visual hierarchy.
Grays are used for UI elements and text to maintain legibility.
Accent white highlights content and creates contrast.
Psychology
Red conveys energy, power, and performance, aligning with AMD's brand values. Black and gray tones reinforce a sense of professionalism and technical expertise.
Evolution
AMD's color palette has remained consistent, with red and black as core elements for decades. Minor adjustments to gray tones and accent colors have occurred to improve digital accessibility.
Where AMD uses each color
- Primary
AMD Red is used for logos, call-to-action buttons, and key highlights on the website.
- Secondary
AMD Black appears in navigation bars, footers, and product packaging.
- Accent
AMD White is used for text on dark backgrounds and as a highlight color in UI elements.
- Backgrounds
AMD Dark Background is used for hero sections, banners, and dark mode interfaces.
- Text
AMD Black Text is standard for headlines and body copy, with Medium and Muted Gray used for secondary and tertiary text.
- Semantic
Success Green, Warning Yellow, Error Red, and Info Blue are used for status indicators and notifications in software and documentation.
AMD color questions
Hex codes, RGB values, neutrals and how to use the palette.
The AMD primary color hex code is #ED1C24. This vibrant red is used for the logo and key brand elements.
The RGB value for AMD Red (#ED1C24) is 237, 28, 36. The CMYK value is 0, 100, 100, 0.
AMD uses several grays such as AMD Medium Gray (#6D6E71) and AMD Muted Gray (#A7A8AA) for text and UI backgrounds. These tones provide contrast and improve readability alongside the primary red and black.
Use AMD Red (#ED1C24) for primary actions and branding, with AMD Black (#231F20) and grays for backgrounds and text. Accent colors like AMD White (#FFFFFF) and semantic colors are reserved for highlights and status indicators.
The secondary color is AMD Black, #231F20, and the accent is AMD White, #FFFFFF. 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 AMD's colors consistently when it generates UI.
Make something in the spirit of AMD
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.