Ram color palette
AutomotiveRam's brand color system is built around a bold, high-contrast palette dominated by black, silver, and deep grays, reflecting the rugged and premium positioning of its trucks. The palette emphasizes strength and durability, with minimal accent colors for clarity and impact.
ramtrucks.comRam colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Ram BlackPrimary0, 0, 0
- Ram SilverSecondary167, 169, 172
- Ram Red AccentAccent193, 18, 31
Surfaces
Page, cards and dividers.- Ram Light GrayBackground245, 245, 245
- Ram CharcoalSurface35, 35, 35
- Ram Silver GrayBorder209, 211, 212
Text
Three tiers of copy.- Ram Black TextText0, 0, 0
- Ram Charcoal TextSecondary text35, 35, 35
- Ram Medium GrayMuted text109, 110, 113
Semantic
Feedback and state colors.- Ram Success GreenSuccess75, 138, 63
- Ram Warning YellowWarning230, 167, 0
- Ram Error RedError193, 18, 31
- Ram Info BlueInfo0, 87, 184
Use Ram's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
ram-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0057B8;
--error: #C1121F;
--accent: #C1121F;
--border: #D1D3D4;
--primary: #000000;
--success: #4B8A3F;
--surface: #232323;
--warning: #E6A700;
--secondary: #A7A9AC;
--text-muted: #6D6E71;
--background: #F5F5F5;
--text-primary: #000000;
--text-secondary: #232323;
}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.3:1
Pass
Text on surface
Needs 4.5:1 for body text
1.3:1
Fail
Secondary text on background
Needs 4.5:1 for body text
14.4:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
1.0:1
Fail
Muted text on background
Needs 3:1 for large text
4.7:1
Pass
Muted text on surface
Needs 3:1 for large text
3.1:1
Pass
Ram gray and neutral colors
The quiet part of the Ram palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Ram Light GrayBackground
- HEX
- RGB
- HSL
- Ram CharcoalSurface
- HEX
- RGB
- HSL
- Ram Silver GrayBorder
- HEX
- RGB
- HSL
- Ram Black TextText
- HEX
- RGB
- HSL
- Ram Charcoal TextSecondary text
- HEX
- RGB
- HSL
- Ram Medium GrayMuted text
- HEX
- RGB
- HSL
About Ram's colors
Ram's color palette is rooted in strong, neutral tones with strategic use of metallic silver and red for emphasis. The scheme supports a premium, tough, and modern brand image.
Black and silver create a high-contrast, industrial look.
Red accent draws attention to key actions or warnings.
Grays provide balance and legibility across digital and print.
Psychology
Black and silver evoke strength, reliability, and sophistication, aligning with Ram's rugged vehicle image. Red is used sparingly to signal urgency or highlight important features.
Evolution
Ram's palette has remained consistent, focusing on black, silver, and gray since its separation from Dodge. Minor adjustments have been made to accent colors and grays for digital clarity.
Where Ram uses each color
- Primary
Ram Black is used for the logo, navigation bars, and primary headers.
- Secondary
Ram Silver appears in badges, trim details, and secondary navigation elements.
- Accent
Ram Red Accent is reserved for call-to-action buttons and alert states.
- Backgrounds
Ram Light Gray is the default background for web pages and digital interfaces.
- Text
Ram Black Text and Ram Charcoal Text are used for body copy and secondary text, ensuring high readability.
- Semantic
Success Green, Warning Yellow, Error Red, and Info Blue are used for status indicators and notifications.
Ram color questions
Hex codes, RGB values, neutrals and how to use the palette.
The Ram primary color hex code is #000000. This is used for the logo and main brand elements.
Ram Black (#000000) is RGB(0, 0, 0) and CMYK(0, 0, 0, 100). These values ensure consistency across digital and print materials.
Ram uses Ram Charcoal (#232323), Ram Silver (#A7A9AC), and Ram Light Gray (#F5F5F5) for backgrounds, surfaces, and borders. These tones provide a strong, industrial look and maintain legibility.
Use Ram Black and Ram Silver for primary branding and navigation, with Ram Red Accent only for calls to action or alerts. Grays and neutrals should dominate backgrounds and surfaces for a cohesive, premium feel.
The secondary color is Ram Silver, #A7A9AC, and the accent is Ram Red Accent, #C1121F. Together with the primary they make up the three brand colors at the top of this page.
4 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 Ram's colors consistently when it generates UI.
Make something in the spirit of Ram
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.