Cash App color palette
FinanceCash App's color identity centers on a vivid green paired with deep black and neutral grays, reflecting its modern, digital-first approach to finance. The palette is minimal and bold, ensuring high visibility and instant brand recognition.
cash.appCash App colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Cash App GreenPrimary0, 194, 68
- Cash App BlackSecondary0, 0, 0
- Cash App WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Cash App Dark BackgroundBackground18, 18, 18
- Cash App Surface GraySurface30, 30, 30
- Cash App Border GrayBorder44, 44, 44
Text
Three tiers of copy.- Cash App Primary TextText255, 255, 255
- Cash App Secondary TextSecondary text179, 179, 179
- Cash App Muted TextMuted text122, 122, 122
Semantic
Feedback and state colors.- Cash App Success GreenSuccess0, 194, 68
- Cash App Warning YellowWarning255, 214, 0
- Cash App Error RedError255, 59, 48
- Cash App Info BlueInfo0, 184, 240
Use Cash App's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
cash-app-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00B8F0;
--error: #FF3B30;
--accent: #FFFFFF;
--border: #2C2C2C;
--primary: #00C244;
--success: #00C244;
--surface: #1E1E1E;
--warning: #FFD600;
--secondary: #000000;
--text-muted: #7A7A7A;
--background: #121212;
--text-primary: #FFFFFF;
--text-secondary: #B3B3B3;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
18.7:1
Pass
Text on surface
Needs 4.5:1 for body text
16.7:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.9:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
8.0:1
Pass
Muted text on background
Needs 3:1 for large text
4.4:1
Pass
Muted text on surface
Needs 3:1 for large text
3.9:1
Pass
Cash App gray, dark and neutral colors
Cash App runs a dark interface, so these grays carry the layout: background, sidebar surfaces, dividers and three tiers of text. Click a value to copy it.
- Cash App Dark BackgroundBackground
- HEX
- RGB
- HSL
- Cash App Surface GraySurface
- HEX
- RGB
- HSL
- Cash App Border GrayBorder
- HEX
- RGB
- HSL
- Cash App Primary TextText
- HEX
- RGB
- HSL
- Cash App Secondary TextSecondary text
- HEX
- RGB
- HSL
- Cash App Muted TextMuted text
- HEX
- RGB
- HSL
About Cash App's colors
Cash App's palette is anchored by a bright green, contrasted with deep black and neutral grays for clarity and accessibility. The minimal color system supports a clean, focused user experience.
Primary green is used for branding and action elements.
Black and dark grays provide depth and contrast.
White and muted grays ensure text legibility.
Psychology
The vibrant green conveys growth, trust, and innovation, aligning with financial empowerment. Dark backgrounds and high contrast support a sense of security and modernity.
Evolution
Cash App's palette has remained stable since launch, with green always at the forefront. Minor adjustments to gray tones have improved accessibility and dark mode support.
Where Cash App uses each color
- Primary
Used for logo, primary buttons, and key highlights throughout the app and website.
- Secondary
Serves as the background for navigation bars, splash screens, and app chrome.
- Accent
Applied to icons, secondary buttons, and as a contrast color in UI elements.
- Backgrounds
Dark backgrounds dominate app screens and web pages for a modern look.
- Text
Primary and secondary text colors are used across all interfaces for readability.
- Semantic
Success, warning, error, and info colors appear in notifications, alerts, and status indicators.
Cash App color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Cash App primary color is #00C244. This green is used for branding and key actions.
Cash App Green (#00C244) is RGB(0, 194, 68) and CMYK(100, 0, 65, 24).
Cash App uses #121212 (Dark Background), #1E1E1E (Surface Gray), and #2C2C2C (Border Gray) for its UI neutrals.
Use #00C244 for primary actions and branding, with dark backgrounds and white text for contrast. Semantic colors are reserved for alerts and status elements.
The secondary color is Cash App Black, #000000, and the accent is Cash App White, #FFFFFF. 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 Cash App's colors consistently when it generates UI.
Make something in the spirit of Cash App
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.