Deutsche Bank color palette
FinanceDeutsche Bank's color identity is defined by a strong, deep blue, representing trust and stability. The palette is minimal, focusing on blue and neutral grays for clarity and professionalism.
db.comDeutsche Bank colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Deutsche Bank BluePrimary0, 24, 168
- Deutsche Bank SlateSecondary108, 122, 137
- Deutsche Bank CyanAccent0, 159, 218
Surfaces
Page, cards and dividers.- Deutsche Bank WhiteBackground255, 255, 255
- Deutsche Bank Light GraySurface245, 246, 250
- Deutsche Bank Border GrayBorder209, 213, 219
Text
Three tiers of copy.- Deutsche Bank CharcoalText26, 26, 26
- Deutsche Bank Medium GraySecondary text75, 75, 75
- Deutsche Bank Muted GrayMuted text140, 140, 140
Semantic
Feedback and state colors.- Deutsche Bank Success GreenSuccess75, 181, 67
- Deutsche Bank Warning YellowWarning255, 180, 0
- Deutsche Bank Error RedError215, 38, 61
- Deutsche Bank CyanInfo0, 159, 218
Use Deutsche Bank's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
deutsche-bank-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #009FDA;
--error: #D7263D;
--accent: #009FDA;
--border: #D1D5DB;
--primary: #0018A8;
--success: #4BB543;
--surface: #F5F6FA;
--warning: #FFB400;
--secondary: #6C7A89;
--text-muted: #8C8C8C;
--background: #FFFFFF;
--text-primary: #1A1A1A;
--text-secondary: #4B4B4B;
}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
16.1: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
8.1:1
Pass
Muted text on background
Needs 3:1 for large text
3.4:1
Pass
Muted text on surface
Needs 3:1 for large text
3.1:1
Pass
Deutsche Bank background, border and text colors
The quiet part of the Deutsche Bank palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Deutsche Bank WhiteBackground
- HEX
- RGB
- HSL
- Deutsche Bank Light GraySurface
- HEX
- RGB
- HSL
- Deutsche Bank Border GrayBorder
- HEX
- RGB
- HSL
- Deutsche Bank CharcoalText
- HEX
- RGB
- HSL
- Deutsche Bank Medium GraySecondary text
- HEX
- RGB
- HSL
- Deutsche Bank Muted GrayMuted text
- HEX
- RGB
- HSL
About Deutsche Bank's colors
Deutsche Bank's palette is built around a strong blue, complemented by neutral grays and subtle accent colors. This approach emphasizes clarity, professionalism, and reliability.
Primary blue is paired with white for maximum contrast.
Accent cyan is used sparingly for highlights and calls to action.
Grays provide structure and hierarchy in UI elements.
Psychology
Blue conveys trust, security, and authority, which are essential values in the financial sector. The restrained use of color supports a sense of seriousness and stability.
Evolution
The Deutsche Bank palette has remained consistent for decades, with blue as the core brand color. Minor adjustments to gray tones and accent usage have modernized the UI without altering the primary identity.
Where Deutsche Bank uses each color
- Primary
Used for the logo, primary navigation bars, and key action buttons.
- Secondary
Applied to secondary navigation, backgrounds, and supporting UI elements.
- Accent
Used for links, highlights, and interactive elements requiring emphasis.
- Backgrounds
White and light gray backgrounds are used for content areas and forms.
- Text
Charcoal and medium gray are used for primary and secondary text, ensuring readability.
- Semantic
Green, yellow, and red are used for success, warning, and error states in forms and notifications.
Deutsche Bank color questions
Hex codes, RGB values, neutrals and how to use the palette.
The Deutsche Bank primary color hex code is #0018A8. This deep blue is used for the logo and main brand elements.
The RGB value for Deutsche Bank Blue (#0018A8) is 0, 24, 168. The CMYK value is 100, 86, 0, 34.
Deutsche Bank uses several grays including #F5F6FA (Light Gray), #D1D5DB (Border Gray), and #4B4B4B (Medium Gray) for backgrounds, borders, and text.
The primary blue (#0018A8) should dominate key brand elements, with grays and white providing structure and clarity. Accent cyan (#009FDA) is used sparingly for highlights and calls to action.
The secondary color is Deutsche Bank Slate, #6C7A89, and the accent is Deutsche Bank Cyan, #009FDA. 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 Deutsche Bank's colors consistently when it generates UI.
Make something in the spirit of Deutsche Bank
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.