Bethesda color palette
GamingBethesda's brand identity is defined by a stark, minimalist palette centered on black, white, and gray, reflecting its focus on immersive, cinematic gaming experiences. The color system is highly neutral and utilitarian, emphasizing clarity and boldness.
bethesda.netBethesda colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Bethesda BlackPrimary0, 0, 0
- Bethesda WhiteSecondary255, 255, 255
- Bethesda SilverAccent196, 196, 196
Surfaces
Page, cards and dividers.- Bethesda CharcoalBackground26, 26, 26
- Bethesda SlateSurface35, 35, 35
- Bethesda GraphiteBorder58, 58, 58
Text
Three tiers of copy.- Bethesda Text WhiteText255, 255, 255
- Bethesda Text SilverSecondary text196, 196, 196
- Bethesda Muted GrayMuted text122, 122, 122
Semantic
Feedback and state colors.- Bethesda Success GreenSuccess92, 184, 92
- Bethesda Warning OrangeWarning240, 173, 78
- Bethesda Error RedError217, 83, 79
- Bethesda Info BlueInfo91, 192, 222
Use Bethesda's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
bethesda-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #5BC0DE;
--error: #D9534F;
--accent: #C4C4C4;
--border: #3A3A3A;
--primary: #000000;
--success: #5CB85C;
--surface: #232323;
--warning: #F0AD4E;
--secondary: #FFFFFF;
--text-muted: #7A7A7A;
--background: #1A1A1A;
--text-primary: #FFFFFF;
--text-secondary: #C4C4C4;
}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.4: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
10.0:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
9.0:1
Pass
Muted text on background
Needs 3:1 for large text
4.1:1
Pass
Muted text on surface
Needs 3:1 for large text
3.7:1
Pass
Bethesda gray, dark and neutral colors
Bethesda 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.
- Bethesda CharcoalBackground
- HEX
- RGB
- HSL
- Bethesda SlateSurface
- HEX
- RGB
- HSL
- Bethesda GraphiteBorder
- HEX
- RGB
- HSL
- Bethesda Text WhiteText
- HEX
- RGB
- HSL
- Bethesda Text SilverSecondary text
- HEX
- RGB
- HSL
- Bethesda Muted GrayMuted text
- HEX
- RGB
- HSL
About Bethesda's colors
Bethesda's palette is monochromatic and neutral, relying on black, white, and shades of gray for a cinematic, high-contrast look. Accent colors are reserved for functional UI feedback, not brand expression.
Primary black and white create maximum contrast.
Grays unify backgrounds, surfaces, and borders.
Accent colors are used sparingly for status and alerts.
Psychology
The black-and-white scheme conveys seriousness, authority, and focus, aligning with Bethesda's reputation for immersive, story-driven games. Neutral tones keep the interface clean and distraction-free.
Evolution
Bethesda's color palette has remained consistent, with black and white as core elements since its early branding. Minor adjustments to gray tones have been made for digital accessibility and modern UI clarity.
Where Bethesda uses each color
- Primary
Bethesda Black is used for the logo, navigation bar, and major headings.
- Secondary
Bethesda White appears as the primary background and for text on dark surfaces.
- Accent
Bethesda Silver is used for secondary buttons, icons, and subtle UI elements.
- Backgrounds
Bethesda Charcoal and Slate provide depth for app screens and overlays.
- Text
Bethesda Text White and Silver are used for primary and secondary text, while Muted Gray is for disabled or less prominent text.
- Semantic
Green, orange, red, and blue accents are reserved for success, warning, error, and informational UI states.
Bethesda color questions
Hex codes, RGB values, neutrals and how to use the palette.
The primary Bethesda brand color is black, with the official hex code #000000.
Bethesda Black is #000000 in hex, which is RGB(0, 0, 0) and CMYK(0, 0, 0, 100).
Bethesda uses a range of grays: Silver (#C4C4C4), Charcoal (#1A1A1A), Slate (#232323), Graphite (#3A3A3A), and Muted Gray (#7A7A7A) for backgrounds, surfaces, and text.
Use black and white for primary branding and navigation, grays for backgrounds and surfaces, and reserve accent colors for status indicators and alerts. Always maintain high contrast for readability.
The secondary color is Bethesda White, #FFFFFF, and the accent is Bethesda Silver, #C4C4C4. 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 Bethesda's colors consistently when it generates UI.
Make something in the spirit of Bethesda
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.