Venmo color palette
FinanceVenmo's color identity centers on a vibrant blue, complemented by a clean, minimal neutral palette for clarity and approachability. The brand's UI uses distinct blue accents and a range of grays for structure and readability.
venmo.comVenmo colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Venmo BluePrimary0, 140, 255
- Venmo Secondary BlueSecondary61, 149, 206
- Venmo TealAccent0, 191, 174
Surfaces
Page, cards and dividers.- Venmo WhiteBackground255, 255, 255
- Venmo Light GraySurface245, 247, 250
- Venmo Border GrayBorder225, 228, 232
Text
Three tiers of copy.- Venmo CharcoalText34, 34, 34
- Venmo Medium GraySecondary text107, 107, 107
- Venmo Muted GrayMuted text160, 160, 160
Semantic
Feedback and state colors.- Venmo GreenSuccess0, 184, 107
- Venmo YellowWarning255, 184, 0
- Venmo RedError255, 75, 75
- Venmo Info BlueInfo0, 140, 255
Use Venmo's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
venmo-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #008CFF;
--error: #FF4B4B;
--accent: #00BFAE;
--border: #E1E4E8;
--primary: #008CFF;
--success: #00B86B;
--surface: #F5F7FA;
--warning: #FFB800;
--secondary: #3D95CE;
--text-muted: #A0A0A0;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #6B6B6B;
}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.8:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.0:1
Pass
Muted text on background
Needs 3:1 for large text
2.6:1
Fail
Muted text on surface
Needs 3:1 for large text
2.4:1
Fail
Venmo background, border and text colors
The quiet part of the Venmo palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Venmo WhiteBackground
- HEX
- RGB
- HSL
- Venmo Light GraySurface
- HEX
- RGB
- HSL
- Venmo Border GrayBorder
- HEX
- RGB
- HSL
- Venmo CharcoalText
- HEX
- RGB
- HSL
- Venmo Medium GraySecondary text
- HEX
- RGB
- HSL
- Venmo Muted GrayMuted text
- HEX
- RGB
- HSL
About Venmo's colors
Venmo's palette is built around a bold blue, evoking trust and digital fluency, with supporting neutrals for clarity. Accent colors provide semantic cues for actions and statuses.
Primary blue is paired with teal for accentuation.
Neutral grays structure backgrounds and surfaces.
Semantic colors (green, yellow, red) highlight status and feedback.
Psychology
Blue is associated with trust, reliability, and security, which are essential for a financial platform. The use of white and gray supports a clean, modern, and accessible interface.
Evolution
Venmo's palette has remained largely consistent, with minor adjustments to blue and gray tones for digital clarity. The brand has focused on refining contrast and accessibility in its UI.
Where Venmo uses each color
- Primary
Used for main navigation bars, primary buttons, and key actions throughout the app and website.
- Secondary
Appears in secondary buttons, links, and selected states.
- Accent
Applied to highlights, notifications, and interactive UI elements.
- Backgrounds
White and light gray are used for app backgrounds and card surfaces.
- Text
Charcoal and gray tones are used for primary, secondary, and muted text across all digital surfaces.
- Semantic
Green, yellow, and red are used for success, warning, and error messages respectively.
Venmo color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Venmo primary color is #008CFF, known as Venmo Blue.
Venmo Blue (#008CFF) is RGB(0, 140, 255). For CMYK, it is approximately 100, 45, 0, 0.
Venmo uses a range of grays such as #F5F7FA (Light Gray), #E1E4E8 (Border Gray), #6B6B6B (Medium Gray), and #A0A0A0 (Muted Gray) for backgrounds, borders, and text.
Use Venmo Blue (#008CFF) for primary actions and navigation, with supporting neutrals for backgrounds and text. Accent and semantic colors should be reserved for highlights, notifications, and status indicators.
The secondary color is Venmo Secondary Blue, #3D95CE, and the accent is Venmo Teal, #00BFAE. 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 Venmo's colors consistently when it generates UI.
Make something in the spirit of Venmo
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.