PayPal color palette
FinancePayPal's color identity is defined by a strong blue palette, conveying trust and security. The brand uses a mix of deep and vibrant blues, complemented by neutral grays and white for clarity and accessibility.
paypal.comPayPal colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- PayPal BluePrimary0, 41, 145
- PayPal Teal BlueSecondary0, 156, 222
- PayPal Deep NavyAccent1, 33, 105
Surfaces
Page, cards and dividers.- PayPal WhiteBackground255, 255, 255
- PayPal Light GraySurface245, 247, 250
- PayPal Border GrayBorder225, 231, 235
Text
Three tiers of copy.- PayPal CharcoalText29, 30, 32
- PayPal Medium GraySecondary text108, 115, 120
- PayPal Muted GrayMuted text162, 169, 177
Semantic
Feedback and state colors.- PayPal Success BlueSuccess0, 112, 186
- PayPal Warning YellowWarning255, 184, 0
- PayPal Error RedError208, 2, 27
- PayPal Info BlueInfo0, 156, 222
Use PayPal's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
paypal-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #009CDE;
--error: #D0021B;
--accent: #012169;
--border: #E1E7EB;
--primary: #002991;
--success: #0070BA;
--surface: #F5F7FA;
--warning: #FFB800;
--secondary: #009CDE;
--text-muted: #A2A9B1;
--background: #FFFFFF;
--text-primary: #1D1E20;
--text-secondary: #6C7378;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
16.7: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
4.8:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.5:1
Fail
Muted text on background
Needs 3:1 for large text
2.4:1
Fail
Muted text on surface
Needs 3:1 for large text
2.2:1
Fail
PayPal background, border and text colors
The quiet part of the PayPal palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- PayPal WhiteBackground
- HEX
- RGB
- HSL
- PayPal Light GraySurface
- HEX
- RGB
- HSL
- PayPal Border GrayBorder
- HEX
- RGB
- HSL
- PayPal CharcoalText
- HEX
- RGB
- HSL
- PayPal Medium GraySecondary text
- HEX
- RGB
- HSL
- PayPal Muted GrayMuted text
- HEX
- RGB
- HSL
About PayPal's colors
PayPal’s palette is grounded in blue tones, which are associated with trust, reliability, and professionalism. The use of neutral grays and white ensures clarity and accessibility in digital interfaces.
Primary blue is paired with lighter blues for visual hierarchy.
Neutral grays provide contrast for text and UI elements.
Accent navy is used for depth and emphasis.
Psychology
Blue tones evoke a sense of security and dependability, which is critical in the financial sector. The palette is designed to reassure users and facilitate trust in transactions.
Evolution
PayPal’s core blue palette has remained consistent, with minor updates to accent and neutral tones for digital clarity. The brand has refined its grays and secondary blues to enhance accessibility and modernize its UI.
Where PayPal uses each color
- Primary
Used in the PayPal logo, main navigation bars, and primary action buttons.
- Secondary
Appears in secondary buttons, highlights, and links.
- Accent
Used for emphasis in headers, icons, and select backgrounds.
- Backgrounds
White and light gray backgrounds are standard across app screens and web pages.
- Text
Charcoal and medium gray are used for primary and secondary text, ensuring readability.
- Semantic
Success, warning, error, and info colors are used for alerts, notifications, and status indicators.
PayPal color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official PayPal primary color hex code is #002991. This is used for the logo and key brand elements.
PayPal Blue (#002991) in RGB is (0, 41, 145) and in CMYK is (100, 72, 0, 43). These values ensure accurate reproduction in digital and print.
PayPal uses #f5f7fa (Light Gray), #e1e7eb (Border Gray), #6c7378 (Medium Gray), and #a2a9b1 (Muted Gray) throughout its UI for backgrounds, borders, and text. These neutrals support accessibility and clarity.
Primary and secondary blues should be used for branding, navigation, and actions, while grays and white provide structure and readability. Accent and semantic colors are reserved for emphasis and status indicators.
The secondary color is PayPal Teal Blue, #009CDE, and the accent is PayPal Deep Navy, #012169. Together with the primary they make up the three brand colors at the top of this page.
3 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 PayPal's colors consistently when it generates UI.
Make something in the spirit of PayPal
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.