IMDb color palette
EntertainmentIMDb's color identity centers on its iconic yellow, paired with deep blacks and neutral grays for contrast and clarity. The palette is bold, instantly recognizable, and optimized for digital interfaces.
imdb.comIMDb colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- IMDb YellowPrimary245, 197, 24
- IMDb BlackSecondary0, 0, 0
- IMDb WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- IMDb Dark BackgroundBackground24, 24, 24
- IMDb Surface GraySurface35, 35, 35
- IMDb Light BorderBorder230, 230, 230
Text
Three tiers of copy.- IMDb Primary TextText18, 18, 18
- IMDb Secondary TextSecondary text118, 118, 118
- IMDb Muted TextMuted text179, 179, 179
Semantic
Feedback and state colors.- IMDb Success GreenSuccess0, 166, 80
- IMDb Warning YellowWarning245, 197, 24
- IMDb Error RedError215, 38, 61
- IMDb Info BlueInfo26, 115, 232
Use IMDb's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
imdb-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1A73E8;
--error: #D7263D;
--accent: #FFFFFF;
--border: #E6E6E6;
--primary: #F5C518;
--success: #00A650;
--surface: #232323;
--warning: #F5C518;
--secondary: #000000;
--text-muted: #B3B3B3;
--background: #181818;
--text-primary: #121212;
--text-secondary: #767676;
}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
1.2:1
Fail
Secondary text on background
Needs 4.5:1 for body text
3.9:1
Fail
Secondary text on surface
Needs 4.5:1 for body text
3.5:1
Fail
Muted text on background
Needs 3:1 for large text
8.5:1
Pass
Muted text on surface
Needs 3:1 for large text
7.5:1
Pass
IMDb gray, dark and neutral colors
IMDb 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.
- IMDb Dark BackgroundBackground
- HEX
- RGB
- HSL
- IMDb Surface GraySurface
- HEX
- RGB
- HSL
- IMDb Light BorderBorder
- HEX
- RGB
- HSL
- IMDb Primary TextText
- HEX
- RGB
- HSL
- IMDb Secondary TextSecondary text
- HEX
- RGB
- HSL
- IMDb Muted TextMuted text
- HEX
- RGB
- HSL
About IMDb's colors
IMDb's palette is built around a vibrant yellow, contrasted with deep black and neutral grays for readability and emphasis. The scheme is direct and functional, reflecting IMDb's focus on information delivery.
High-contrast pairing of yellow and black for instant recognition.
Neutral grays support content hierarchy and legibility.
Accent white is used for clarity and separation.
Psychology
The yellow evokes energy, optimism, and draws attention, while black conveys authority and seriousness. Together, they create a sense of trust and reliability for users seeking information.
Evolution
IMDb's palette has remained stable, with the yellow and black combination being a core part of its identity since inception. Minor adjustments to gray tones and accent colors have been made for digital accessibility.
Where IMDb uses each color
- Primary
IMDb Yellow is used in the logo, primary buttons, and key highlights throughout the site.
- Secondary
IMDb Black serves as the main navigation bar background and for text in high-contrast areas.
- Accent
IMDb White is used for text on dark backgrounds and as a highlight for interactive elements.
- Backgrounds
IMDb Dark Background and Surface Gray are used for page backgrounds and content containers.
- Text
Primary, secondary, and muted text colors are used for headlines, body copy, and metadata respectively.
- Semantic
Success Green, Warning Yellow, Error Red, and Info Blue are used for status indicators and alerts.
IMDb color questions
Hex codes, RGB values, neutrals and how to use the palette.
The IMDb primary color hex code is #F5C518. This yellow is used in the logo and key UI highlights.
IMDb Yellow (#F5C518) is RGB(245, 197, 24) and CMYK(0, 20, 90, 4). Use these for print and digital consistency.
IMDb uses #181818 (Dark Background), #232323 (Surface Gray), and #767676 (Secondary Text) for its neutral UI elements. These provide contrast and support readability.
Use #F5C518 for primary actions and highlights, with black and gray tones for backgrounds and text. Accent white (#FFFFFF) should be reserved for text and icons on dark backgrounds.
The secondary color is IMDb Black, #000000, and the accent is IMDb White, #FFFFFF. Together with the primary they make up the three brand colors at the top of this page.
2 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 IMDb's colors consistently when it generates UI.
Make something in the spirit of IMDb
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.