Apple Music color palette
EntertainmentApple Music's color identity centers on a vivid red-pink primary, paired with a minimalist grayscale UI and clean white backgrounds. The palette is designed for clarity, energy, and a distinctly modern Apple feel.
music.apple.comApple Music colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Apple Music RedPrimary250, 36, 60
- Apple Music BlackSecondary0, 0, 0
- Apple Music WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Apple Music WhiteBackground255, 255, 255
- Apple Music Light GraySurface245, 245, 247
- Apple Music Border GrayBorder209, 209, 214
Text
Three tiers of copy.- Apple Music BlackText0, 0, 0
- Apple Music Secondary GraySecondary text110, 110, 115
- Apple Music Muted GrayMuted text161, 161, 166
Semantic
Feedback and state colors.- Apple Music GreenSuccess48, 209, 88
- Apple Music YellowWarning255, 214, 10
- Apple Music Error RedError255, 69, 58
- Apple Music BlueInfo100, 210, 255
Use Apple Music's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
apple-music-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #64D2FF;
--error: #FF453A;
--accent: #FFFFFF;
--border: #D1D1D6;
--primary: #FA243C;
--success: #30D158;
--surface: #F5F5F7;
--warning: #FFD60A;
--secondary: #000000;
--text-muted: #A1A1A6;
--background: #FFFFFF;
--text-primary: #000000;
--text-secondary: #6E6E73;
}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.3:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.1:1
Pass
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
2.6:1
Fail
Muted text on surface
Needs 3:1 for large text
2.4:1
Fail
Apple Music gray and neutral colors
The quiet part of the Apple Music palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Apple Music WhiteBackground
- HEX
- RGB
- HSL
- Apple Music Light GraySurface
- HEX
- RGB
- HSL
- Apple Music Border GrayBorder
- HEX
- RGB
- HSL
- Apple Music BlackText
- HEX
- RGB
- HSL
- Apple Music Secondary GraySecondary text
- HEX
- RGB
- HSL
- Apple Music Muted GrayMuted text
- HEX
- RGB
- HSL
About Apple Music's colors
Apple Music uses a bold, energetic red as its signature color, complemented by a neutral grayscale UI for clarity and focus. The palette is designed to be modern, accessible, and instantly recognizable.
Primary red stands out against white and light gray backgrounds.
Black and gray tones provide structure and readability.
Accent colors are used sparingly for status and feedback.
Psychology
The vibrant red evokes excitement, passion, and creativity, aligning with music's emotional impact. The neutral tones keep the interface clean and user-focused.
Evolution
Apple Music's palette has remained largely stable since launch, with minor adjustments to gray tones for accessibility. The primary red has been consistent to maintain strong brand recognition.
Where Apple Music uses each color
- Primary
Used for the app icon, key buttons, highlights, and active states.
- Secondary
Used for text, icons, and navigation in dark mode or on light backgrounds.
- Accent
Used for backgrounds, cards, and UI surfaces.
- Backgrounds
White and light gray backgrounds are used throughout the app and website for clarity.
- Text
Black and gray tones are used for primary, secondary, and muted text across all screens.
- Semantic
Green, yellow, red, and blue are used for success, warning, error, and informational statuses respectively.
Apple Music color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Apple Music primary color hex code is #FA243C. This color is used for branding, highlights, and key actions.
Apple Music Red (#FA243C) is RGB(250, 36, 60) and CMYK(0, 86, 76, 2). Use these values for print and digital consistency.
Apple Music uses several grays including #F5F5F7 (Light Gray), #D1D1D6 (Border Gray), #6E6E73 (Secondary Gray), and #A1A1A6 (Muted Gray). These provide structure and readability throughout the interface.
Use #FA243C for primary actions and highlights, with neutral grays and white for backgrounds and text. Accent colors like green, yellow, red, and blue are reserved for semantic feedback and status indicators.
The secondary color is Apple Music Black, #000000, and the accent is Apple Music White, #FFFFFF. Together with the primary they make up the three brand colors at the top of this page.
4 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 Apple Music's colors consistently when it generates UI.
Make something in the spirit of Apple Music
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.