Robinhood color palette
FinanceRobinhood's color identity centers on a vibrant neon green paired with deep, dark backgrounds and clean neutrals, reflecting its modern, digital-first approach to finance. The palette is bold and distinctive, designed for high contrast and accessibility.
robinhood.comRobinhood colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Robinhood Neon GreenPrimary204, 255, 0
- Robinhood EmeraldSecondary0, 200, 5
- Robinhood MintAccent0, 229, 153
Surfaces
Page, cards and dividers.- Robinhood BlackBackground10, 10, 10
- Robinhood Dark SurfaceSurface26, 26, 26
- Robinhood Border GrayBorder38, 38, 38
Text
Three tiers of copy.- Robinhood WhiteText255, 255, 255
- Robinhood GraySecondary text179, 179, 179
- Robinhood Muted GrayMuted text102, 102, 102
Semantic
Feedback and state colors.- Robinhood Success GreenSuccess0, 200, 5
- Robinhood Warning YellowWarning255, 214, 0
- Robinhood Error RedError255, 59, 48
- Robinhood Info BlueInfo0, 178, 255
Use Robinhood's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
robinhood-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00B2FF;
--error: #FF3B30;
--accent: #00E599;
--border: #262626;
--primary: #CCFF00;
--success: #00C805;
--surface: #1A1A1A;
--warning: #FFD600;
--secondary: #00C805;
--text-muted: #666666;
--background: #0A0A0A;
--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
19.8:1
Pass
Text on surface
Needs 4.5:1 for body text
17.4:1
Pass
Secondary text on background
Needs 4.5:1 for body text
9.4:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
8.3: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.0:1
Pass
Robinhood gray, dark and neutral colors
Robinhood 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.
- Robinhood BlackBackground
- HEX
- RGB
- HSL
- Robinhood Dark SurfaceSurface
- HEX
- RGB
- HSL
- Robinhood Border GrayBorder
- HEX
- RGB
- HSL
- Robinhood WhiteText
- HEX
- RGB
- HSL
- Robinhood GraySecondary text
- HEX
- RGB
- HSL
- Robinhood Muted GrayMuted text
- HEX
- RGB
- HSL
About Robinhood's colors
Robinhood's palette uses a high-contrast neon green as its signature, set against dark backgrounds for clarity and modernity. The supporting colors are chosen for accessibility, legibility, and a sense of digital trust.
Primary neon green is complemented by deep blacks and dark grays.
Accent mint and emerald greens provide visual hierarchy.
Neutral grays and white ensure text and UI clarity.
Psychology
The neon green conveys innovation, growth, and accessibility, while the dark backgrounds evoke security and focus. The palette is energetic yet trustworthy, aiming to appeal to a new generation of investors.
Evolution
Robinhood's palette has remained stable since its launch, with minor refinements to green and neutral tones for improved accessibility. The core neon green and dark UI have been consistent brand hallmarks.
Where Robinhood uses each color
- Primary
Used for logo, key buttons, and highlights throughout the app and website.
- Secondary
Appears in secondary actions, charts, and some navigation elements.
- Accent
Used for highlights, notifications, and interactive UI elements.
- Backgrounds
Dominates app and web backgrounds, providing a dark, modern canvas.
- Text
White and gray tones are used for primary and secondary text on dark backgrounds.
- Semantic
Success, warning, error, and info colors are used for alerts, status indicators, and messaging.
Robinhood color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Robinhood primary color hex code is #CCFF00. This neon green is used for the logo and key highlights.
The RGB value for #CCFF00 is (204, 255, 0). In CMYK, it is approximately (20, 0, 100, 0).
Robinhood uses #0A0A0A (Robinhood Black), #1A1A1A (Robinhood Dark Surface), and #262626 (Robinhood Border Gray) for backgrounds and UI surfaces. These provide contrast for the neon green and text elements.
Use #CCFF00 for primary actions and branding, with dark backgrounds (#0A0A0A) and white or gray text for legibility. Accent and semantic colors are reserved for highlights, notifications, and status indicators.
The secondary color is Robinhood Emerald, #00C805, and the accent is Robinhood Mint, #00E599. 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 Robinhood's colors consistently when it generates UI.
Make something in the spirit of Robinhood
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.