Bloomberg

The Bloomberg palette as deployed on bloomberg.com, captured from the published Phoenix ("phx") design-system tokens served alongside the consumer site. The identity is built on a precise, data-terminal feel: near-black on white, deep ink dark mode, and a signature Bloomberg yellow (#FFCD1E) reserved for the ticker accent and editorial emphasis. The system publishes a full 9-step ramp across gray, red, green, yellow, opinion blue, and subscription violet — designed for chart legibility on the terminal as much as the editorial page.

27 swatches 14 light roles 14 dark roles bloombergnewsfinancejournalismbrandyellowterminallight-first

Swatches

black
#000000
phx-color-core-black — terminal-black canvas in dark mode.
gray-1000
#1C1C1C
phx-color-core-gray-1000 — deepest gray ink.
gray-900
#262626
phx-color-core-gray-900 — primary body text on light.
gray-800
#3C3C3C
phx-color-core-gray-800 — secondary heading text.
gray-700
#545454
phx-color-core-gray-700 — secondary body text.
gray-600
#767676
phx-color-core-gray-600 — tertiary meta text.
gray-500
#999999
phx-color-core-gray-500 — disabled text on light.
gray-400
#B3B3B3
phx-color-core-gray-400 — border weight.
gray-300
#CCCCCC
phx-color-core-gray-300 — quiet divider.
gray-200
#EFEFEF
phx-color-core-gray-200 — quiet inset surface.
gray-100
#F8F8F8
phx-color-core-gray-100 — lightest surface tint.
white
#FFFFFF
phx-color-core-white — page canvas.
yellow-400
#FFCD1E
phx-color-core-yellow-400 — signature Bloomberg yellow; ticker accent.
yellow-300
#FFDA5D
phx-color-core-yellow-300 — lighter yellow accent.
yellow-500
#E6B120
phx-color-core-yellow-500 — pressed yellow.
yellow-600
#C48600
phx-color-core-yellow-600 — deepest emphasis yellow.
red-500
#E51503
phx-color-core-red-500 — alert / breaking-news red.
red-400
#F05143
phx-color-core-red-400 — quiet alert state.
red-600
#B20E01
phx-color-core-red-600 — pressed alert.
green-500
#338736
phx-color-core-green-500 — market-up signal.
green-400
#4DB250
phx-color-core-green-400 — quiet positive.
green-600
#146917
phx-color-core-green-600 — pressed positive.
opinion-500
#0064FA
phx-color-secondary-opinion-500 — Bloomberg Opinion link blue.
opinion-600
#004EC4
phx-color-secondary-opinion-600 — pressed Opinion link.
opinion-200
#D4E5FF
phx-color-secondary-opinion-200 — quiet Opinion surface tint.
subscription-500
#4F4FFF
phx-color-secondary-subscription-500 — Bloomberg subscription-product accent.
subscription-700
#2800D7
phx-color-secondary-subscription-700 — deep subscription accent.

Mode role mappings

Light mode (14 roles)

accent → yellow-400
accent-hover → yellow-500
background → white
border → gray-300
error → red-500
primary → opinion-500
primary-hover → opinion-600
success → green-500
surface → gray-100
surface-elevated → white
text-primary → gray-1000
text-secondary → gray-700
text-tertiary → gray-600
warning → yellow-600

Dark mode (14 roles)

accent → yellow-400
accent-hover → yellow-300
background → black
border → gray-700
error → red-400
primary → opinion-500
primary-hover → opinion-200
success → green-400
surface → gray-1000
surface-elevated → gray-900
text-primary → white
text-secondary → gray-200
text-tertiary → gray-400
warning → yellow-300

Provenance

Source
https://www.bloomberg.com/
License
Proprietary — All Rights Reserved
Attribution
Bloomberg L.P. — palette values captured from the deployed Phoenix design-system CSS tokens at assets.bwbx.io (the Next.js asset CDN that serves bloomberg.com). Bloomberg, the Bloomberg Terminal, and the Mecano / Avenir Next / Publico typefaces are property of Bloomberg L.P.
Imported
2026-05-19
Notes
Derived from live --phx-color-* CSS custom-property tokens extracted from bloomberg.com Next.js stylesheets on 2026-05-19; no public brand guide located. The proprietary Bloomberg Mecano (display) typeface, Avenir Next variant (sans), and Publico Head / Publico Text (serif) are referenced in the live CSS but are not publicly distributed. Open-source substitutes — source-serif-4@1 for the serif role and inter@1 for sans — are referenced from the brand atom.