Dailymotion color palette
EntertainmentDailymotion's color identity is built around a deep black primary, complemented by a vibrant blue accent and a clean, neutral UI palette. The brand's colors emphasize clarity, contrast, and a modern digital experience.
dailymotion.comDailymotion colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Dailymotion BlackPrimary10, 10, 10
- Dailymotion BlueSecondary0, 102, 220
- Dailymotion YellowAccent255, 216, 0
Surfaces
Page, cards and dividers.- Dailymotion WhiteBackground255, 255, 255
- Dailymotion Light GraySurface245, 245, 247
- Dailymotion Border GrayBorder229, 229, 229
Text
Three tiers of copy.- Dailymotion Black TextText10, 10, 10
- Dailymotion Dark Gray TextSecondary text58, 58, 58
- Dailymotion Muted GrayMuted text140, 140, 140
Semantic
Feedback and state colors.- Dailymotion Success GreenSuccess0, 200, 83
- Dailymotion Warning OrangeWarning255, 160, 0
- Dailymotion Error RedError211, 47, 47
- Dailymotion Info BlueInfo25, 118, 210
Use Dailymotion's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
dailymotion-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1976D2;
--error: #D32F2F;
--accent: #FFD800;
--border: #E5E5E5;
--primary: #0A0A0A;
--success: #00C853;
--surface: #F5F5F7;
--warning: #FFA000;
--secondary: #0066DC;
--text-muted: #8C8C8C;
--background: #FFFFFF;
--text-primary: #0A0A0A;
--text-secondary: #3A3A3A;
}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.8:1
Pass
Text on surface
Needs 4.5:1 for body text
18.2:1
Pass
Secondary text on background
Needs 4.5:1 for body text
11.4:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
10.4:1
Pass
Muted text on background
Needs 3:1 for large text
3.4:1
Pass
Muted text on surface
Needs 3:1 for large text
3.1:1
Pass
Dailymotion gray and neutral colors
The quiet part of the Dailymotion palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Dailymotion WhiteBackground
- HEX
- RGB
- HSL
- Dailymotion Light GraySurface
- HEX
- RGB
- HSL
- Dailymotion Border GrayBorder
- HEX
- RGB
- HSL
- Dailymotion Black TextText
- HEX
- RGB
- HSL
- Dailymotion Dark Gray TextSecondary text
- HEX
- RGB
- HSL
- Dailymotion Muted GrayMuted text
- HEX
- RGB
- HSL
About Dailymotion's colors
Dailymotion's palette is anchored by a bold black, contrasted with a signature blue and bright yellow accent. The supporting neutrals create a clean, accessible interface.
Primary black grounds the interface and increases contrast.
Blue is used for highlights, links, and interactive elements.
Yellow accent draws attention to calls-to-action and notifications.
Psychology
The black conveys authority and focus, while the blue suggests reliability and trust. The yellow accent adds energy and draws user attention to key actions.
Evolution
Dailymotion's palette has remained consistent, with black and blue as core elements since early brand iterations. The yellow accent was introduced to modernize the look and improve UI clarity.
Where Dailymotion uses each color
- Primary
Used for the main navigation bar, logo, and backgrounds in dark mode.
- Secondary
Applied to buttons, links, and video player controls.
- Accent
Highlights notifications, badges, and key call-to-action buttons.
- Backgrounds
White and light gray are used for page backgrounds and content surfaces.
- Text
Black and dark gray are used for primary and secondary text throughout the site and app.
- Semantic
Green, orange, and red are used for success, warning, and error states in forms and notifications.
Dailymotion color questions
Hex codes, RGB values, neutrals and how to use the palette.
The Dailymotion primary color is #0A0A0A, known as Dailymotion Black. This is used for the logo and main navigation.
Dailymotion Black (#0A0A0A) in RGB is (10, 10, 10). For CMYK, it is approximately (0, 0, 0, 96).
Dailymotion uses #F5F5F7 (Light Gray), #E5E5E5 (Border Gray), #3A3A3A (Dark Gray Text), and #8C8C8C (Muted Gray) for backgrounds, borders, and text. These neutrals ensure clarity and accessibility in the UI.
Use #0A0A0A for primary navigation and branding, #0066DC for interactive elements, and #FFD800 for accents and highlights. Neutrals and semantic colors support UI clarity and accessibility.
The secondary color is Dailymotion Blue, #0066DC, and the accent is Dailymotion Yellow, #FFD800. 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 Dailymotion's colors consistently when it generates UI.
Make something in the spirit of Dailymotion
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.