Rotten Tomatoes color palette
EntertainmentRotten Tomatoes uses a bold, high-contrast palette centered on its signature tomato red, paired with vibrant green and a range of dark UI neutrals. The color system is designed for strong brand recognition and clear readability across digital platforms.
rottentomatoes.comRotten Tomatoes colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Rotten Tomatoes RedPrimary250, 50, 10
- Rotten Tomatoes GreenSecondary0, 192, 48
- Tomato GoldAccent255, 215, 0
Surfaces
Page, cards and dividers.- Tomato BlackBackground24, 24, 24
- Dark SurfaceSurface35, 35, 35
- Light Gray BorderBorder230, 230, 230
Text
Three tiers of copy.- Pure White TextText255, 255, 255
- Muted Gray TextSecondary text179, 179, 179
- Subtle Gray TextMuted text117, 117, 117
Semantic
Feedback and state colors.- Rotten Tomatoes GreenSuccess0, 192, 48
- Tomato GoldWarning255, 215, 0
- Rotten Tomatoes RedError250, 50, 10
- Info BlueInfo33, 150, 243
Use Rotten Tomatoes's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
rotten-tomatoes-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #2196F3;
--error: #FA320A;
--accent: #FFD700;
--border: #E6E6E6;
--primary: #FA320A;
--success: #00C030;
--surface: #232323;
--warning: #FFD700;
--secondary: #00C030;
--text-muted: #757575;
--background: #181818;
--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.8:1
Pass
Text on surface
Needs 4.5:1 for body text
15.7:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.5:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.5:1
Pass
Muted text on background
Needs 3:1 for large text
3.9:1
Pass
Muted text on surface
Needs 3:1 for large text
3.4:1
Pass
Rotten Tomatoes gray, dark and neutral colors
Rotten Tomatoes 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.
- Tomato BlackBackground
- HEX
- RGB
- HSL
- Dark SurfaceSurface
- HEX
- RGB
- HSL
- Light Gray BorderBorder
- HEX
- RGB
- HSL
- Pure White TextText
- HEX
- RGB
- HSL
- Muted Gray TextSecondary text
- HEX
- RGB
- HSL
- Subtle Gray TextMuted text
- HEX
- RGB
- HSL
About Rotten Tomatoes's colors
Rotten Tomatoes' palette uses high-contrast red and green to symbolize its iconic 'fresh' and 'rotten' scores, supported by dark backgrounds for cinematic emphasis. The colors are chosen for clarity, accessibility, and brand distinction.
Red and green are complementary, reinforcing the brand's rating system.
Gold accent highlights important elements like scores or badges.
Dark neutrals provide a cinematic, immersive UI backdrop.
Psychology
The vivid red evokes urgency and excitement, while green signals positivity and freshness. The dark backgrounds create a theater-like experience and make content stand out.
Evolution
The core red and green have remained consistent since the brand's inception. Over time, the UI neutrals have shifted to darker tones for modern digital accessibility and focus.
Where Rotten Tomatoes uses each color
- Primary
Used in the logo, main action buttons, and critical highlights.
- Secondary
Appears in 'fresh' score badges and positive indicators.
- Accent
Highlights top-rated movies, badges, and important notifications.
- Backgrounds
Dark backgrounds are used throughout the website and app for immersive browsing.
- Text
White and gray text colors ensure readability on dark surfaces.
- Semantic
Red is used for 'rotten' scores and errors, green for 'fresh' scores and success, gold for warnings or highlights, and blue for informational messages.
Rotten Tomatoes color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Rotten Tomatoes primary color is #FA320A, known as Rotten Tomatoes Red.
Rotten Tomatoes Red (#FA320A) is RGB(250, 50, 10) and CMYK(0, 80, 96, 2).
Rotten Tomatoes uses Tomato Black (#181818) and Dark Surface (#232323) for backgrounds, with Light Gray Border (#E6E6E6) for UI separation.
Use Rotten Tomatoes Red (#FA320A) for primary actions and branding, Green (#00C030) for positive indicators, and dark neutrals for backgrounds and surfaces to maintain brand consistency.
The secondary color is Rotten Tomatoes Green, #00C030, and the accent is Tomato Gold, #FFD700. 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 Rotten Tomatoes's colors consistently when it generates UI.
Make something in the spirit of Rotten Tomatoes
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.