Globo color palette
MediaGlobo is a leading Brazilian media conglomerate known for its vibrant, modern color palette centered around a distinctive purple gradient. Its visual identity uses bold colors and clean neutrals for a contemporary, digital-first look.
globo.comGlobo colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Globo PurplePrimary110, 30, 255
- Globo CyanSecondary0, 240, 255
- Globo MagentaAccent255, 45, 85
Surfaces
Page, cards and dividers.- Globo WhiteBackground255, 255, 255
- Globo Light GraySurface245, 246, 250
- Globo Border GrayBorder225, 228, 234
Text
Three tiers of copy.- Globo CharcoalText34, 34, 59
- Globo Medium GraySecondary text107, 107, 123
- Globo Muted GrayMuted text160, 160, 178
Semantic
Feedback and state colors.- Globo GreenSuccess0, 217, 126
- Globo YellowWarning255, 214, 0
- Globo RedError255, 59, 48
- Globo Info BlueInfo0, 153, 255
Use Globo's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
globo-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0099FF;
--error: #FF3B30;
--accent: #FF2D55;
--border: #E1E4EA;
--primary: #6E1EFF;
--success: #00D97E;
--surface: #F5F6FA;
--warning: #FFD600;
--secondary: #00F0FF;
--text-muted: #A0A0B2;
--background: #FFFFFF;
--text-primary: #22223B;
--text-secondary: #6B6B7B;
}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.4:1
Pass
Text on surface
Needs 4.5:1 for body text
14.3:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.2:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.8: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
Globo background, border and text colors
The quiet part of the Globo palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Globo WhiteBackground
- HEX
- RGB
- HSL
- Globo Light GraySurface
- HEX
- RGB
- HSL
- Globo Border GrayBorder
- HEX
- RGB
- HSL
- Globo CharcoalText
- HEX
- RGB
- HSL
- Globo Medium GraySecondary text
- HEX
- RGB
- HSL
- Globo Muted GrayMuted text
- HEX
- RGB
- HSL
About Globo's colors
Globo's palette is built around a vibrant purple, complemented by energetic cyan and magenta accents, and balanced with clean neutrals. The colors are chosen to convey innovation, energy, and clarity in digital environments.
Primary purple pairs with cyan and magenta for visual dynamism.
Neutrals provide balance and readability.
Accent colors highlight calls to action and interactive elements.
Psychology
Purple suggests creativity and modernity, while cyan and magenta add vibrancy and approachability. The neutral tones ensure professionalism and clarity.
Evolution
Globo's palette evolved from traditional blue and metallic gradients to a more digital, flat purple-centric scheme. The current system has been stable since the brand's 2021 visual refresh.
Where Globo uses each color
- Primary
Globo Purple is used in logos, headers, and key navigation elements.
- Secondary
Globo Cyan appears in interactive states, highlights, and secondary buttons.
- Accent
Globo Magenta is used for notifications, badges, and promotional banners.
- Backgrounds
Globo White and Light Gray are used for page backgrounds and card surfaces.
- Text
Globo Charcoal is used for main text, with Medium and Muted Grays for secondary and tertiary information.
- Semantic
Green, Yellow, Red, and Info Blue are used for status indicators, alerts, and feedback messages.
Globo color questions
Hex codes, RGB values, neutrals and how to use the palette.
The primary Globo brand color is Globo Purple, with the hex code #6E1EFF.
Globo Purple (#6E1EFF) in RGB is 110, 30, 255. For CMYK, it is approximately 57, 88, 0, 0.
Globo uses Light Gray (#F5F6FA), Border Gray (#E1E4EA), Medium Gray (#6B6B7B), and Muted Gray (#A0A0B2) for UI backgrounds, borders, and text.
Use Globo Purple (#6E1EFF) for primary branding and navigation, with Cyan (#00F0FF) and Magenta (#FF2D55) as accents. Neutrals and semantic colors support readability and status messaging.
The secondary color is Globo Cyan, #00F0FF, and the accent is Globo Magenta, #FF2D55. 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 Globo's colors consistently when it generates UI.
Make something in the spirit of Globo
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.