eToro color palette
FinanceeToro's brand color system is centered around its distinctive green, reflecting growth and financial prosperity, complemented by neutral grays and dark tones for a modern fintech UI. The palette is consistent across digital and print assets, ensuring strong brand recognition.
etoro.comeToro colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- eToro GreenPrimary33, 206, 153
- eToro CharcoalSecondary42, 46, 53
- eToro Accent GreenAccent0, 184, 107
Surfaces
Page, cards and dividers.- eToro WhiteBackground255, 255, 255
- eToro Light GraySurface245, 246, 250
- eToro Border GrayBorder225, 228, 234
Text
Three tiers of copy.- eToro CharcoalText42, 46, 53
- eToro Medium GraySecondary text107, 111, 118
- eToro Muted GrayMuted text176, 179, 185
Semantic
Feedback and state colors.- eToro GreenSuccess33, 206, 153
- eToro YellowWarning255, 179, 0
- eToro RedError255, 75, 92
- eToro BlueInfo0, 145, 255
Use eToro's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
etoro-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0091FF;
--error: #FF4B5C;
--accent: #00B86B;
--border: #E1E4EA;
--primary: #21CE99;
--success: #21CE99;
--surface: #F5F6FA;
--warning: #FFB300;
--secondary: #2A2E35;
--text-muted: #B0B3B9;
--background: #FFFFFF;
--text-primary: #2A2E35;
--text-secondary: #6B6F76;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
13.6:1
Pass
Text on surface
Needs 4.5:1 for body text
12.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.0:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.7:1
Pass
Muted text on background
Needs 3:1 for large text
2.1:1
Fail
Muted text on surface
Needs 3:1 for large text
1.9:1
Fail
eToro background, border and text colors
The quiet part of the eToro palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- eToro WhiteBackground
- HEX
- RGB
- HSL
- eToro Light GraySurface
- HEX
- RGB
- HSL
- eToro Border GrayBorder
- HEX
- RGB
- HSL
- eToro CharcoalText
- HEX
- RGB
- HSL
- eToro Medium GraySecondary text
- HEX
- RGB
- HSL
- eToro Muted GrayMuted text
- HEX
- RGB
- HSL
About eToro's colors
eToro’s palette is dominated by green, symbolizing finance, trust, and growth, and is balanced with neutral grays for clarity and professionalism. The supporting colors provide clear semantic cues for user interface feedback.
Primary green is paired with neutral backgrounds for contrast.
Accent green is used for highlights and active states.
Semantic colors (yellow, red, blue) communicate status and alerts.
Psychology
Green conveys prosperity, safety, and approachability, which are central to eToro’s brand promise. The neutral grays reinforce a sense of reliability and modernity.
Evolution
eToro’s green has remained consistent since its inception, ensuring strong brand recognition. The UI neutrals and semantic colors have been refined over time for accessibility and digital clarity.
Where eToro uses each color
- Primary
Used in the logo, main call-to-action buttons, and key highlights across the website and app.
- Secondary
Appears in navigation bars, footers, and as a background for cards and overlays.
- Accent
Used for interactive elements such as toggles, active states, and hover effects.
- Backgrounds
White and light gray are used for main backgrounds and content areas.
- Text
Charcoal and medium gray are used for primary and secondary text, with muted gray for disabled or less prominent text.
- Semantic
Green, yellow, red, and blue are used for success, warning, error, and informational messages respectively.
eToro color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official eToro brand green is #21CE99. This color is used as the primary identifier across all eToro branding.
The RGB value for eToro Green (#21CE99) is 33, 206, 153. For print, its approximate CMYK is 84, 0, 54, 19.
eToro uses #2A2E35 (Charcoal), #6B6F76 (Medium Gray), #B0B3B9 (Muted Gray), #F5F6FA (Light Gray), and #E1E4EA (Border Gray) for UI backgrounds and text. These neutrals ensure readability and a modern fintech look.
Use #21CE99 for primary actions and branding, neutrals for backgrounds and text, and semantic colors for status indicators. Always ensure sufficient contrast for accessibility.
The secondary color is eToro Charcoal, #2A2E35, and the accent is eToro Accent Green, #00B86B. 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 eToro's colors consistently when it generates UI.
Make something in the spirit of eToro
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.