Apple Music
Apple Music's signature pink-to-red gradient palette. The product brand under the Apple parent identity uses a vivid pink-into-red warm gradient as its mark fill and hero accent, paired with the near-black canvas and pure white that Apple deploys across its HIG dark-mode surfaces. The Apple Music identity is the warmest, most chromatic of Apple's service-tier brands — distinct from the monochrome Apple corporate mark — and reads as energetic, expressive, and music-forward against the otherwise restrained Apple system.
9 swatches 12 light roles 12 dark roles
Swatches
apple-music-pink
#FF4E6B
The lighter terminus of Apple Music's signature pink-to-red gradient; primary mark fill.
apple-music-red
#FF0436
The deeper terminus of the gradient; pairs with the pink to form the mark.
apple-music-coral
#FA233B
Mid-gradient coral — the pressed / hovered state on the gradient marks.
apple-music-white
#FFFFFF
Primary text and reversed wordmark fill on the dark canvas.
apple-music-black
#000000
Canonical Apple HIG dark-mode canvas. Inherited from the iOS / macOS system-background-dark token.
apple-music-surface
#1C1C1E
Elevated surface on the dark canvas — matches HIG secondary-system-background-dark.
apple-music-surface-elevated
#2C2C2E
Cards, sheets, and elevated tiles — matches HIG tertiary-system-background-dark.
apple-music-gray
#8E8E93
Secondary text and divider tone — matches HIG system-gray on dark.
apple-music-gray-light
#C7C7CC
Tertiary text and metadata on the dark canvas.
Mode role mappings
Light mode (12 roles)
accent
→ apple-music-pink accent-hover
→ apple-music-coral background
→ apple-music-white error
→ apple-music-red primary
→ apple-music-red primary-hover
→ apple-music-coral success
→ apple-music-pink surface
→ apple-music-white surface-elevated
→ apple-music-white text-primary
→ apple-music-black text-secondary
→ apple-music-gray text-tertiary
→ apple-music-gray-light Dark mode (12 roles)
accent
→ apple-music-pink accent-hover
→ apple-music-red background
→ apple-music-black error
→ apple-music-red primary
→ apple-music-pink primary-hover
→ apple-music-coral success
→ apple-music-pink surface
→ apple-music-surface surface-elevated
→ apple-music-surface-elevated text-primary
→ apple-music-white text-secondary
→ apple-music-gray-light text-tertiary
→ apple-music-gray Provenance
- Source
- https://brandcolorcode.com/apple-music
- License
Proprietary — All Rights Reserved- Attribution
- Apple Music, the Apple Music wordmark and gradient mark are trademarks of Apple Inc. The pink (#FF4E6B) and red (#FF0436) hex values are reported by brandcolorcode.com as the closest published approximations of the Apple Music brand gradient; Apple does not distribute Apple Music brand guidelines as a standalone document. White (#FFFFFF) and near-black (#000000 / #1C1C1E) are the canonical Apple HIG canvas / on-color pairings for service-tier surfaces.
- Imported
-
2026-05-19 - Notes
- Apple has not published explicit hex values for the Apple Music gradient. The pink and red values here are the third-party-reported approximations. The neutral canvas swatches mirror the iOS / macOS HIG dark-mode system backgrounds (system-background-dark #000000, secondary system-background-dark #1C1C1E) which Apple Music inherits from its parent platform.