← Atlas · Topics: color, documentation, inspiration
IBM Design Language color
- Site
- ibm.com
- Type
- guidelines
- Verdict
- Useful
- Licence
- Look only licence, not stated
not-statedFree to read. The page links IBM terms and shows an IBM copyright; it does not state a reuse licence for the palette or visual examples, so treat those as look-only. - Agent channels
- none
- Pricing
- free
- Reviewed
What it is
The color section of IBM Design Language explains the brand palette and its use in interfaces and other media. It includes color families, swatch specifications, gradient guidance, accessibility advice and examples from IBM products.
When to open it
Open it when a product palette needs rules for grouping colors, choosing gradients and checking contrast, or when you want to study a corporate palette used across several kinds of visual work.
Most useful
- The page opens with a black title band and fixed navigation, then introduces the palette in a restrained gray editorial layout.
- Color examples are shown as broad, ordered swatch rows, including a blue-led scale alongside the other hue families.
- The gradient and UI sections pair allowed combinations with examples, while accessibility guidance connects color grades to contrast and color-vision considerations.
- The color-in-action gallery shows the palette in product and brand contexts, beyond isolated swatches.
Using it with agents
No MCP, CLI, public API, agent skill or llms.txt is published here; the checked llms.txt path returns a not-found page. An agent can read the public guidance and the HEX, RGB, PMS or CMYK tabs in a browser. IBM also links palette files, but the page does not give those assets an open licence.
Watch out for
- This is IBM brand guidance. It is useful for understanding palette structure and hierarchy, but the IBM logo and signature brand treatment are not general-purpose assets.
- The page states that its palette is intended for IBM's products and experiences; adapt the principles rather than copying its brand expression.
- A page's stated contrast rules are guidance. Check actual text, UI states and color pairs in the product being built.
Reusable ideas
- Organize hues into named scales so designers can compare light and dark values consistently.
- Define a small set of approved color families for gradients and explain combinations to avoid.
- Show a palette in interface and campaign examples, then pair it with contrast and color-vision guidance.