BlackRock color palette
FinanceBlackRock's color identity is defined by a stark, authoritative black paired with a refined palette of grays and white, reflecting its leadership in global asset management. The brand uses minimal accent colors, focusing on clarity and professionalism.
blackrock.comBlackRock colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- BlackRock BlackPrimary0, 0, 0
- BlackRock WhiteSecondary255, 255, 255
- BlackRock GoldAccent242, 169, 0
Surfaces
Page, cards and dividers.- BlackRock Light GrayBackground245, 245, 245
- BlackRock Surface GraySurface229, 229, 229
- BlackRock Border GrayBorder209, 209, 209
Text
Three tiers of copy.- BlackRock BlackText0, 0, 0
- BlackRock CharcoalSecondary text68, 68, 68
- BlackRock Muted GrayMuted text117, 117, 117
Semantic
Feedback and state colors.- BlackRock Success GreenSuccess0, 128, 96
- BlackRock GoldWarning242, 169, 0
- BlackRock Error RedError215, 38, 61
- BlackRock Info BlueInfo0, 94, 184
Use BlackRock's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
blackrock-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #005EB8;
--error: #D7263D;
--accent: #F2A900;
--border: #D1D1D1;
--primary: #000000;
--success: #008060;
--surface: #E5E5E5;
--warning: #F2A900;
--secondary: #FFFFFF;
--text-muted: #757575;
--background: #F5F5F5;
--text-primary: #000000;
--text-secondary: #444444;
}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.3: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
7.7:1
Pass
Muted text on background
Needs 3:1 for large text
4.2:1
Pass
Muted text on surface
Needs 3:1 for large text
3.7:1
Pass
BlackRock gray and neutral colors
The quiet part of the BlackRock palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- BlackRock Light GrayBackground
- HEX
- RGB
- HSL
- BlackRock Surface GraySurface
- HEX
- RGB
- HSL
- BlackRock Border GrayBorder
- HEX
- RGB
- HSL
- BlackRock BlackText
- HEX
- RGB
- HSL
- BlackRock CharcoalSecondary text
- HEX
- RGB
- HSL
- BlackRock Muted GrayMuted text
- HEX
- RGB
- HSL
About BlackRock's colors
BlackRock's palette is built around a dominant black, supported by a range of neutral grays and minimal accent colors. This approach emphasizes clarity, authority, and trustworthiness.
Primary black contrasts with white for maximum legibility.
Accent gold is used sparingly to highlight key actions.
Grays provide structure and hierarchy in UI elements.
Psychology
Black conveys strength, sophistication, and reliability, aligning with BlackRock's position in finance. The restrained use of gold signals value and prestige without overwhelming the core identity.
Evolution
BlackRock's palette has remained largely unchanged, maintaining its black-and-white core for decades. Subtle updates to gray tones and the introduction of gold as an accent have modernized the system for digital use.
Where BlackRock uses each color
- Primary
Used for the logo, primary navigation, and key headings.
- Secondary
Applied to backgrounds and content areas for contrast.
- Accent
Highlights call-to-action buttons and important notifications.
- Backgrounds
Light gray backgrounds are used for content sections and app screens.
- Text
Primary black for main text, charcoal and muted gray for secondary and tertiary text.
- Semantic
Green, gold, red, and blue are used for success, warning, error, and info states in dashboards and alerts.
BlackRock color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official BlackRock brand color is black, with the hex code #000000. This is used for the logo and primary navigation.
BlackRock Black is #000000, which is RGB(0,0,0) and CMYK(0,0,0,100).
BlackRock uses a range of grays including #F5F5F5 (Light Gray), #E5E5E5 (Surface Gray), #D1D1D1 (Border Gray), and #444444 (Charcoal) for UI structure and text hierarchy.
Use BlackRock Black (#000000) for logos and primary text, white (#FFFFFF) for backgrounds, and gold (#F2A900) sparingly for accents and highlights. Grays structure UI elements and provide visual hierarchy.
The secondary color is BlackRock White, #FFFFFF, and the accent is BlackRock Gold, #F2A900. 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 BlackRock's colors consistently when it generates UI.
Make something in the spirit of BlackRock
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.