Lucasfilm color palette
EntertainmentLucasfilm's color identity is defined by a distinctive metallic silver and deep black, reflecting its cinematic legacy and association with the Star Wars franchise. The palette is minimal, emphasizing sophistication and timelessness.
lucasfilm.comLucasfilm colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Lucasfilm SilverPrimary176, 183, 188
- Lucasfilm BlackSecondary34, 35, 36
- Lucasfilm PewterAccent141, 146, 150
Surfaces
Page, cards and dividers.- Lucasfilm Dark BackgroundBackground24, 25, 26
- Lucasfilm Surface GraySurface35, 36, 37
- Lucasfilm Border GrayBorder58, 59, 60
Text
Three tiers of copy.- Lucasfilm WhiteText255, 255, 255
- Lucasfilm Silver TextSecondary text176, 183, 188
- Lucasfilm Muted PewterMuted text141, 146, 150
Semantic
Feedback and state colors.- Lucasfilm Success GreenSuccess109, 190, 69
- Lucasfilm Warning GoldWarning245, 194, 66
- Lucasfilm Error RedError217, 79, 79
- Lucasfilm Info BlueInfo79, 142, 217
Use Lucasfilm's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
lucasfilm-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #4F8ED9;
--error: #D94F4F;
--accent: #8D9296;
--border: #3A3B3C;
--primary: #B0B7BC;
--success: #6DBE45;
--surface: #232425;
--warning: #F5C242;
--secondary: #222324;
--text-muted: #8D9296;
--background: #18191A;
--text-primary: #FFFFFF;
--text-secondary: #B0B7BC;
}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.6:1
Pass
Text on surface
Needs 4.5:1 for body text
15.5:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.7:1
Pass
Muted text on background
Needs 3:1 for large text
5.6:1
Pass
Muted text on surface
Needs 3:1 for large text
4.9:1
Pass
Lucasfilm gray, dark and neutral colors
Lucasfilm 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.
- Lucasfilm Dark BackgroundBackground
- HEX
- RGB
- HSL
- Lucasfilm Surface GraySurface
- HEX
- RGB
- HSL
- Lucasfilm Border GrayBorder
- HEX
- RGB
- HSL
- Lucasfilm WhiteText
- HEX
- RGB
- HSL
- Lucasfilm Silver TextSecondary text
- HEX
- RGB
- HSL
- Lucasfilm Muted PewterMuted text
- HEX
- RGB
- HSL
About Lucasfilm's colors
Lucasfilm's palette is built around metallic and neutral tones, evoking a sense of cinematic grandeur and timelessness. The restrained use of color supports the brand's focus on storytelling and legacy.
Primary silver contrasts with deep black for strong visual hierarchy.
Accent pewter and muted grays provide depth and subtlety.
Semantic colors are used sparingly for functional UI feedback.
Psychology
The metallic silver and black convey professionalism, prestige, and a connection to the iconic Star Wars universe. The palette's restraint signals seriousness and creative authority.
Evolution
Lucasfilm's color palette has remained largely consistent, with silver and black as core elements since the 1980s. Minor adjustments have modernized the neutrals for digital use, but the identity is stable.
Where Lucasfilm uses each color
- Primary
Lucasfilm Silver is used in the logo, navigation highlights, and key brand marks.
- Secondary
Lucasfilm Black serves as the main background for web and print materials.
- Accent
Lucasfilm Pewter appears in UI elements, dividers, and subtle highlights.
- Backgrounds
Dark backgrounds are used across the website and digital products to enhance cinematic visuals.
- Text
White and silver text are used for primary and secondary content, ensuring readability on dark surfaces.
- Semantic
Success green, warning gold, error red, and info blue are reserved for notifications and status indicators in digital interfaces.
Lucasfilm color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Lucasfilm brand color is Lucasfilm Silver, with hex code #B0B7BC.
Lucasfilm Silver (#B0B7BC) is RGB(176, 183, 188) and CMYK(6, 3, 0, 26).
Lucasfilm uses Lucasfilm Black (#222324) and Lucasfilm Dark Background (#18191A) for backgrounds and surfaces, creating a cinematic, high-contrast UI.
Use Lucasfilm Silver (#B0B7BC) for branding and highlights, with dark backgrounds and white text for readability. Semantic colors are only for functional UI feedback.
The secondary color is Lucasfilm Black, #222324, and the accent is Lucasfilm Pewter, #8D9296. 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 Lucasfilm's colors consistently when it generates UI.
Make something in the spirit of Lucasfilm
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.