Deezer color palette
EntertainmentDeezer's color identity features a distinctive, vibrant red as its primary brand color, complemented by a dark UI and a spectrum of accent colors referencing its equalizer logo. The palette is designed for clarity, energy, and digital accessibility across its music streaming platform.
deezer.comDeezer colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Deezer RedPrimary239, 84, 102
- Deezer BlackSecondary18, 18, 22
- Deezer YellowAccent255, 214, 0
Surfaces
Page, cards and dividers.- Deezer Dark BackgroundBackground24, 24, 28
- Deezer Surface GraySurface35, 35, 43
- Deezer Border GrayBorder48, 48, 58
Text
Three tiers of copy.- Deezer WhiteText255, 255, 255
- Deezer Light GraySecondary text179, 179, 179
- Deezer Muted GrayMuted text126, 126, 134
Semantic
Feedback and state colors.- Deezer GreenSuccess30, 215, 96
- Deezer OrangeWarning255, 159, 0
- Deezer Error RedError255, 58, 58
- Deezer BlueInfo60, 180, 231
Use Deezer's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
deezer-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #3CB4E7;
--error: #FF3A3A;
--accent: #FFD600;
--border: #30303A;
--primary: #EF5466;
--success: #1ED760;
--surface: #23232B;
--warning: #FF9F00;
--secondary: #121216;
--text-muted: #7E7E86;
--background: #18181C;
--text-primary: #FFFFFF;
--text-secondary: #B3B3B3;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
17.7:1
Pass
Text on surface
Needs 4.5:1 for body text
15.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.4:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.4:1
Pass
Muted text on background
Needs 3:1 for large text
4.4:1
Pass
Muted text on surface
Needs 3:1 for large text
3.9:1
Pass
Deezer gray, dark and neutral colors
Deezer 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.
- Deezer Dark BackgroundBackground
- HEX
- RGB
- HSL
- Deezer Surface GraySurface
- HEX
- RGB
- HSL
- Deezer Border GrayBorder
- HEX
- RGB
- HSL
- Deezer WhiteText
- HEX
- RGB
- HSL
- Deezer Light GraySecondary text
- HEX
- RGB
- HSL
- Deezer Muted GrayMuted text
- HEX
- RGB
- HSL
About Deezer's colors
Deezer's palette combines a bold red primary with a dark, neutral UI and vibrant accent colors inspired by its equalizer logo. The system ensures high contrast and energetic visual cues for a dynamic music experience.
Primary red contrasts with dark backgrounds for visibility.
Accent yellow, green, orange, and blue reference the equalizer bars.
Neutral grays support legibility and interface clarity.
Psychology
The red primary evokes energy and excitement, aligning with music's emotional impact. Dark backgrounds create an immersive, cinematic feel, while accent colors add playfulness.
Evolution
Deezer's palette has remained stable, focusing on its signature red and dark UI since its major rebrand. Accent colors have been refined to better reflect the equalizer motif and improve accessibility.
Where Deezer uses each color
- Primary
Deezer Red is used for key actions, highlights, and the brand logo.
- Secondary
Deezer Black forms the main navigation and app backgrounds.
- Accent
Accent colors appear in equalizer graphics, notifications, and onboarding screens.
- Backgrounds
Dark backgrounds are used throughout the app and web interface for a modern look.
- Text
White and light gray text colors ensure readability on dark surfaces.
- Semantic
Green, orange, red, and blue are used for status indicators, alerts, and information banners.
Deezer color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Deezer brand color is Deezer Red, hex code #EF5466.
Deezer Red is #EF5466, which is RGB(239, 84, 102) and approximately CMYK(0, 65, 57, 6).
Deezer uses #121216 (Deezer Black), #18181C (Dark Background), and #23232B (Surface Gray) for its UI backgrounds and surfaces.
Use Deezer Red (#EF5466) for primary actions and branding, dark tones for backgrounds, and accent colors for highlights and notifications.
The secondary color is Deezer Black, #121216, and the accent is Deezer Yellow, #FFD600. 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 Deezer's colors consistently when it generates UI.
Make something in the spirit of Deezer
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.