Borussia Dortmund color palette
SportsBorussia Dortmund's color identity is defined by its iconic yellow and black, which are instantly recognizable and deeply tied to the club's heritage. The palette is bold, high-contrast, and consistent across digital, print, and merchandise.
bvb.deBorussia Dortmund colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- BVB YellowPrimary253, 225, 0
- BVB BlackSecondary0, 0, 0
- BVB WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- BVB YellowBackground253, 225, 0
- BVB CharcoalSurface26, 26, 26
- BVB Light GrayBorder179, 179, 179
Text
Three tiers of copy.- BVB BlackText0, 0, 0
- BVB Medium GraySecondary text102, 102, 102
- BVB Light GrayMuted text179, 179, 179
Semantic
Feedback and state colors.- BVB Success GreenSuccess122, 193, 67
- BVB YellowWarning253, 225, 0
- BVB Error RedError208, 2, 27
- BVB Info BlueInfo0, 87, 184
Use Borussia Dortmund's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
borussia-dortmund-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0057B8;
--error: #D0021B;
--accent: #FFFFFF;
--border: #B3B3B3;
--primary: #FDE100;
--success: #7AC143;
--surface: #1A1A1A;
--warning: #FDE100;
--secondary: #000000;
--text-muted: #B3B3B3;
--background: #FDE100;
--text-primary: #000000;
--text-secondary: #666666;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
15.9:1
Pass
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
4.4:1
Fail
Secondary text on surface
Needs 4.5:1 for body text
3.0:1
Fail
Muted text on background
Needs 3:1 for large text
1.6:1
Fail
Muted text on surface
Needs 3:1 for large text
8.3:1
Pass
Borussia Dortmund background, border and text colors
The quiet part of the Borussia Dortmund palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- BVB YellowBackground
- HEX
- RGB
- HSL
- BVB CharcoalSurface
- HEX
- RGB
- HSL
- BVB Light GrayBorder
- HEX
- RGB
- HSL
- BVB BlackText
- HEX
- RGB
- HSL
- BVB Medium GraySecondary text
- HEX
- RGB
- HSL
- BVB Light GrayMuted text
- HEX
- RGB
- HSL
About Borussia Dortmund's colors
Borussia Dortmund's palette is dominated by a vivid yellow and deep black, creating a high-contrast and energetic visual identity. The use of these colors is consistent and purposeful, reflecting the club's bold spirit.
Primary yellow is paired with black for maximum contrast.
White is used as an accent for clarity and legibility.
Gray tones support UI elements and text hierarchy.
Psychology
Yellow conveys energy, optimism, and visibility, aligning with the club's dynamic presence. Black adds strength and authority, reinforcing tradition and seriousness.
Evolution
The yellow and black palette has remained virtually unchanged for decades, reinforcing brand recognition. Minor adjustments have been made to gray and accent tones for digital clarity.
Where Borussia Dortmund uses each color
- Primary
BVB Yellow is used on home jerseys, website highlights, and key branding elements.
- Secondary
BVB Black appears in the club crest, text, and as a background for digital and print materials.
- Accent
BVB White is used for text on yellow backgrounds and as a secondary accent in graphics.
- Backgrounds
BVB Yellow and BVB Charcoal are used for website backgrounds and digital interfaces.
- Text
BVB Black and BVB Medium Gray are used for primary and secondary text across all platforms.
- Semantic
Success, warning, error, and info colors are used in digital notifications and UI feedback.
Borussia Dortmund color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Borussia Dortmund brand color is BVB Yellow, hex code #FDE100.
BVB Yellow is RGB(253, 225, 0) and CMYK(0, 11, 100, 0).
BVB uses BVB Charcoal (#1A1A1A), BVB Medium Gray (#666666), and BVB Light Gray (#B3B3B3) for UI surfaces and text.
Use BVB Yellow (#FDE100) and BVB Black (#000000) as dominant colors, with white and gray tones for accents, backgrounds, and supporting UI elements.
The secondary color is BVB Black, #000000, and the accent is BVB 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 Borussia Dortmund's colors consistently when it generates UI.
Make something in the spirit of Borussia Dortmund
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.