BNP Paribas color palette
FinanceBNP Paribas uses a distinctive green as its primary brand color, complemented by a palette of neutrals and accent tones for clarity and trust. The color system is designed for consistency across digital and print applications.
bnpparibas.comBNP Paribas colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- BNP Paribas GreenPrimary33, 163, 102
- BNP Paribas Deep GreenSecondary0, 137, 79
- BNP Paribas Yellow AccentAccent246, 217, 0
Surfaces
Page, cards and dividers.- BNP Paribas WhiteBackground255, 255, 255
- BNP Paribas Light GreySurface245, 245, 245
- BNP Paribas Border GreyBorder209, 213, 216
Text
Three tiers of copy.- BNP Paribas BlackText34, 34, 34
- BNP Paribas Medium GreySecondary text102, 102, 102
- BNP Paribas Muted GreyMuted text165, 165, 165
Semantic
Feedback and state colors.- BNP Paribas GreenSuccess33, 163, 102
- BNP Paribas YellowWarning246, 217, 0
- BNP Paribas RedError224, 60, 49
- BNP Paribas Deep GreenInfo0, 137, 79
Use BNP Paribas's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
bnp-paribas-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00894F;
--error: #E03C31;
--accent: #F6D900;
--border: #D1D5D8;
--primary: #21A366;
--success: #21A366;
--surface: #F5F5F5;
--warning: #F6D900;
--secondary: #00894F;
--text-muted: #A5A5A5;
--background: #FFFFFF;
--text-primary: #222222;
--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
14.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.3:1
Pass
Muted text on background
Needs 3:1 for large text
2.5:1
Fail
Muted text on surface
Needs 3:1 for large text
2.3:1
Fail
BNP Paribas gray and neutral colors
The quiet part of the BNP Paribas palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- BNP Paribas WhiteBackground
- HEX
- RGB
- HSL
- BNP Paribas Light GreySurface
- HEX
- RGB
- HSL
- BNP Paribas Border GreyBorder
- HEX
- RGB
- HSL
- BNP Paribas BlackText
- HEX
- RGB
- HSL
- BNP Paribas Medium GreySecondary text
- HEX
- RGB
- HSL
- BNP Paribas Muted GreyMuted text
- HEX
- RGB
- HSL
About BNP Paribas's colors
BNP Paribas' palette is anchored by its signature green, symbolizing growth and stability, and is balanced by neutral greys and white for clarity. Accent colors provide visual hierarchy and support accessibility.
Primary green is paired with deep green for emphasis.
Neutral greys support readability and structure.
Yellow accent is used sparingly for highlights and alerts.
Psychology
Green conveys trust, security, and environmental responsibility, aligning with BNP Paribas' brand values. The use of neutral tones reinforces professionalism and clarity.
Evolution
BNP Paribas has maintained its green-centric palette for decades, with minor adjustments to secondary and accent tones for digital clarity. The core colors have remained stable to ensure strong brand recognition.
Where BNP Paribas uses each color
- Primary
BNP Paribas Green is used for the logo, navigation bars, and key call-to-action buttons.
- Secondary
Deep Green appears in secondary buttons, highlights, and graphical elements.
- Accent
Yellow Accent is reserved for notifications, highlights, and warning states.
- Backgrounds
White and Light Grey are used for page backgrounds and content surfaces.
- Text
Black and Medium Grey are used for primary and secondary text, with Muted Grey for disabled or less prominent text.
- Semantic
Green is used for success states, Yellow for warnings, and Red for errors in UI feedback.
BNP Paribas color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official BNP Paribas brand color is #21A366, known as BNP Paribas Green. This color is used prominently in the logo and key brand elements.
BNP Paribas Green (#21A366) has an RGB value of (33, 163, 102) and a CMYK value of (80, 0, 60, 0). These values ensure consistent reproduction across digital and print media.
BNP Paribas uses Light Grey (#F5F5F5), Border Grey (#D1D5D8), Medium Grey (#666666), and Muted Grey (#A5A5A5) for backgrounds, borders, and text. These neutrals support clarity and accessibility in the brand's UI.
Use BNP Paribas Green (#21A366) for primary branding and actions, with Deep Green (#00894F) and Yellow (#F6D900) for secondary and accent purposes. Neutrals and semantic colors should be applied to backgrounds, text, and feedback states for clarity and consistency.
The secondary color is BNP Paribas Deep Green, #00894F, and the accent is BNP Paribas Yellow Accent, #F6D900. 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 BNP Paribas's colors consistently when it generates UI.
Make something in the spirit of BNP Paribas
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.