Bloomberg color palette
MediaBloomberg's color identity is defined by its distinctive purple, paired with a minimalist grayscale palette for clarity and authority. The brand uses high-contrast tones to reinforce its reputation for reliable financial news.
bloomberg.comBloomberg colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Bloomberg PurplePrimary58, 24, 164
- Bloomberg BlackSecondary0, 0, 0
- Bloomberg OrangeAccent255, 111, 0
Surfaces
Page, cards and dividers.- Bloomberg WhiteBackground255, 255, 255
- Bloomberg Light GraySurface245, 245, 247
- Bloomberg Border GrayBorder216, 216, 216
Text
Three tiers of copy.- Bloomberg Text BlackText34, 34, 34
- Bloomberg Text GraySecondary text102, 102, 102
- Bloomberg Muted GrayMuted text153, 153, 153
Semantic
Feedback and state colors.- Bloomberg GreenSuccess0, 176, 80
- Bloomberg YellowWarning255, 214, 0
- Bloomberg RedError215, 38, 61
- Bloomberg BlueInfo0, 157, 220
Use Bloomberg's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
bloomberg-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #009DDC;
--error: #D7263D;
--accent: #FF6F00;
--border: #D8D8D8;
--primary: #3A18A4;
--success: #00B050;
--surface: #F5F5F7;
--warning: #FFD600;
--secondary: #000000;
--text-muted: #999999;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #666666;
}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.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.3:1
Pass
Muted text on background
Needs 3:1 for large text
2.8:1
Fail
Muted text on surface
Needs 3:1 for large text
2.6:1
Fail
Bloomberg gray and neutral colors
The quiet part of the Bloomberg palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Bloomberg WhiteBackground
- HEX
- RGB
- HSL
- Bloomberg Light GraySurface
- HEX
- RGB
- HSL
- Bloomberg Border GrayBorder
- HEX
- RGB
- HSL
- Bloomberg Text BlackText
- HEX
- RGB
- HSL
- Bloomberg Text GraySecondary text
- HEX
- RGB
- HSL
- Bloomberg Muted GrayMuted text
- HEX
- RGB
- HSL
About Bloomberg's colors
Bloomberg's palette centers on a bold purple, contrasted with black and white for legibility. Accent and semantic colors are used sparingly for highlights and data visualization.
Primary purple is paired with white or black for maximum contrast.
Accent orange is reserved for calls to action and highlights.
Grayscale tones support hierarchy and readability.
Psychology
The purple conveys authority, creativity, and distinctiveness in the financial media space. Grayscale tones reinforce seriousness and professionalism.
Evolution
Bloomberg's palette has remained stable, with purple as the signature color since the 1990s. Minor adjustments have been made to secondary and accent colors for digital clarity.
Where Bloomberg uses each color
- Primary
Bloomberg Purple is used in the logo, navigation highlights, and key UI elements.
- Secondary
Bloomberg Black is the main background for navigation bars and footers.
- Accent
Bloomberg Orange appears in buttons, notifications, and highlights.
- Backgrounds
Bloomberg White and Light Gray are used for page backgrounds and content areas.
- Text
Text Black and Text Gray are used for primary and secondary text throughout the site.
- Semantic
Green, Yellow, Red, and Blue are used for financial indicators, alerts, and informational tags.
Bloomberg color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Bloomberg brand color is purple, hex code #3A18A4.
Bloomberg Purple is #3A18A4, which is RGB(58, 24, 164) and CMYK(65, 85, 0, 36).
Bloomberg uses a range of grays: Border Gray (#D8D8D8), Light Gray (#F5F5F7), Text Gray (#666666), and Muted Gray (#999999) for backgrounds, borders, and text.
Use Bloomberg Purple (#3A18A4) for brand emphasis, grays and black for structure, and accent colors like Orange (#FF6F00) for highlights or calls to action.
The secondary color is Bloomberg Black, #000000, and the accent is Bloomberg Orange, #FF6F00. 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 Bloomberg's colors consistently when it generates UI.
Make something in the spirit of Bloomberg
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.