Foundations — Pulse — IHM Design System

Colors

Six semantic groups drawn from Figma. v1 ships legacy/amplify-correct values — Figma-proposed updates are flagged inline.

Background

$color-surface-primary

legacy: $ihm-white · $ui-background-03

#FFFFFF

Dark: #191919

Default page background.

$color-surface-secondary

legacy: $ui-background

#F7F7F7

Dark: #3F4447

Secondary surface. Disabled-component background.

$color-surface-tertiary

legacy: $ui-background-02

#E6EAED

Tertiary surface. Subtle separation.

$color-divider

legacy: $grey-250 · $table-line

#DADFE3

Dark: #717277

Divider line. Border between content blocks.

$color-status-error-bg

legacy: $ihm-red-warning-background

#FDEAEC

Error status banner background.

$color-status-caution-bg

legacy: $ihm-yellow-warning-background

#FEFAE5

Caution status banner background.

$color-status-success-bg

legacy: $ihm-green-success-background

#E7FAF2

Success status banner background.

$color-status-info-bg

legacy: $ihm-blue-info-background

#D4E8F6

Info status banner background.

$color-table-row-bg

legacy: $table-row · $grey-100

#F6F8F9

Table row background (zebra striping).

$color-table-row-bg-hover

legacy: $table-hover

#E6EAED

Table row hover state.

$color-table-row-bg-selected

legacy: $table-selection

#EDF1F3

Table row selected state.

$color-table-header-bg

legacy: $table-row-header

#E6F2FA

Table header background. KI-007

Text

$color-text-primary

legacy: $grey-600

#27292D

Dark: #FFFFFF

Default state text.

$color-text-secondary

legacy: $grey-500 · $ihm-text-medium (REMOVED)

#3F4447

Dark: #F7F7F7

Less important text.

$color-text-tertiary

legacy: $grey-400 · $ihm-text-light (REMOVED)

#717277

Dark: #C8CDD0

Labels text.

$color-text-disabled

legacy: $grey-300

#A9AFB2

Dark: #A9AFB2

Disabled state text.

$color-table-numerical-text-positive

legacy: $table-numerical-value-change-positive

#09C777

Dark: #E7FAF2

Positive numerical value change.

$color-table-numerical-text-negative

legacy: $table-numerical-value-change-negative

#E22C3A

Dark: #FFE4E5

Negative numerical value change.

$color-table-text-link

legacy: $table-non-numerical-value-change

#007ACE

Dark: #E6F2FA

Non-numerical value change / link.

Brand

$color-brand-primary

legacy: $ihm-red

#C6002B

Dark: #C6002B

IHM brand red. Application titles, brand elements.

$color-brand-secondary

legacy: $ihm-green

#62AA7B

IHM brand green. Secondary brand identity.

Button

$button-global-bg

legacy: $cta-global-primary

#62AA7B

Global primary button fill (green).

$button-global-bg-hover

legacy: $cta-global-primary-hover

#8ECAA3

Global primary on hover.

$button-global-bg-pressed

legacy: $cta-global-primary-pressed

#2D6C43

Global primary pressed.

$button-incontext-bg

legacy: $cta-incontext-primary

#288BD3

Incontext primary button fill (blue). KI-008

$button-incontext-bg-hover

legacy: $cta-incontext-primary-hover

#D4E8F6

Incontext primary hover (last-wins value in legacy file). KI-006

$button-incontext-bg-pressed

legacy: $cta-incontext-primary-pressed

#176DAC

Incontext primary pressed.

Status

$color-status-neutral

legacy: $status-neutral

#717277

Dark: #C8CDD0

Neutral. Inactive or undefined state.

$color-status-inprogress

legacy: $status-inprogress

#823E8D

Dark: #CA67DB

In Progress / Actionable.

$color-status-success

legacy: $status-success

#03AB49

Dark: #04CC57

Success / Completed. KI-001 — Figma proposes #62AA7B

$color-status-caution

legacy: $status-caution

#E8C205

Dark: #F7CE03

Pending / Caution. KI-001 — Figma proposes #F7CE03

$color-status-serious

legacy: $status-serious

#E86317

Dark: #FF8200

Serious. Elevated attention required.

$color-status-error

legacy: $status-error

#E22100

Dark: #F75761

Error. KI-001 — Figma proposes #E22C3A

$color-interactive-error

legacy: $interactive-error

#E22C3A

Interactive error state (distinct from $status-error).

$color-action-primary

legacy: $ihm-blue · $interactive-active

#288BD3

Dark: #00C0FA

Active interactive. Links, focus, primary action.

Products

$product-broadcast

—

#17BC85

Broadcast product family.

$product-streaming

—

#F7CE03

Streaming.

$product-podcast

—

#3F51A6

Podcast.

$product-video

—

#FC833E

Video.

$product-display

—

#256AFE

Display.

$product-social

—

#8D5BCD

Social.

$product-email

—

#509DA7

Email.

$product-ecommerce

legacy: $product-e-commerce

#028C3C

E-Commerce.

$product-sponsorship

—

#23A9F9

Sponsorship.

$product-talent

—

#D224A2

Talent.

$product-digitalservices

legacy: $product-digital-services

#C6002B

Digital Services. KI-002 — Figma proposes #950DAE

$product-ai

—

#717277

AI (placeholder). KI-002 — value TBD

$product-ddp

—

#717277

DDP (placeholder). KI-002 — value TBD