Designer Palette

Dieter RamsColor Palette

The dieter rams color palette is one of the most disciplined color systems in the history of industrial design — built almost entirely from achromatic tones, with Braun White (#F0EDE5) and Braun Grey (#8A8A87) as its visual foundation. Across more than three decades of Braun products, Rams applied color only when a functional signal required it: a single red power button, a yellow indicator light. This page documents the exact colors Rams used at Braun, how to distinguish each tone's role, and how to apply this system in UI, product, and branding contexts.

The palette

Signature

Signature Colors

These two colors define the visual identity of virtually every Braun product from the 1960s through the 1990s. Braun White serves as the primary ground — present on the SK4 phonograph, the T3 pocket radio, and the ET44 calculator. Braun Grey provides the secondary surface that recedes behind controls without disappearing, giving knobs, grilles, and dials a clear tonal separation from the housing.

Braun White

#F0EDE5

Primary product housing, top surfaces

A warm off-white with a slight yellow-grey cast that reads as neutral in daylight but avoids the clinical coldness of pure white. This tone communicates quiet precision — it holds attention on the product's form rather than its surface.

Braun Grey

#8A8A87

Secondary housing, dials, speaker grilles

A near-neutral mid-grey with a faint warm undertone that bridges the off-white housing and darker structural elements without visual tension. Rams used this tone wherever a surface needed to recede functionally — speaker grilles, dial surrounds, control panels — signalling secondary importance without visual conflict.

Structural

Structural Neutrals

Where the signature colors establish the primary surface, the structural neutrals define depth, hierarchy, and legibility. Anthracite and Warm Black appear on dark product variants and all typographic elements. Pebble sits between the signature grey and Braun White, used for button surfaces and lighter housing variants where a slightly cooler tone is needed to demarcate interactive elements without resorting to color.

Anthracite

#2E2E2C

Dark product variants, base elements

A very dark warm grey that functions as a near-black without the harshness of pure black — the slight warmth keeps it tonally consistent with the off-white housing across dark product variants. On products like the T3 radio, this tone defines the base and frame elements that anchor the lighter top surfaces.

Pebble

#C5C3BE

Light housing variants, button surfaces

A light grey with a subtle warm-cool neutrality that sits cleanly between Braun White and Braun Grey, providing enough tonal contrast to distinguish button surfaces from housing without introducing chromatic complexity. Its muted, almost chalky quality is consistent with Rams's rule that no surface should draw attention to itself.

Warm Black

#1A1A18

Typography, logo, control labelling

A near-black with a barely perceptible warm undertone that maintains tonal cohesion with the rest of the palette rather than introducing the cool blue-cast of neutral black. On Braun products, this tone appears exclusively in typographic elements — model names, control labels, measurement markings — where absolute legibility is required.

The Designer

Dieter Rams served as head of design at Braun from 1961 to 1995, where he developed a color philosophy rooted in his ten principles of good design — particularly 'good design is honest' and 'good design is as little design as possible.

' His approach treated color as a functional language: neutral tones established the product's ground, and the rare appearance of an accent color (the red power button on the T3 pocket radio, the yellow indicator on the ET44 calculator) carried the full weight of operational communication precisely because color appeared nowhere else. This is not minimalism as aesthetic preference — it is minimalism as information design. Every color decision was a deliberate choice about what the user needed to understand, not what would make the product visually interesting.

Application

How to Apply This Palette

  • ✓Reserve accent colors for a single, unique interactive element per screen or product — use Function Yellow (#D4B018) or Signal Red (#C02820) for exactly one CTA or state indicator, never for decorative dividers, icons, or background zones.
  • ✓Build your base layer exclusively from the achromatic range: use Braun White (#F0EDE5) for primary backgrounds, Braun Grey (#8A8A87) for secondary surfaces and inactive states, and Warm Black (#1A1A18) for all typography and labels.
  • ✓Apply Pebble (#C5C3BE) to distinguish interactive surfaces — button backgrounds, input fields, toggles — from the surrounding housing or page background without introducing color. The tonal shift alone carries the affordance signal.
  • ✓In UI design, treat Anthracite (#2E2E2C) as your darkest surface tone for sidebars, navigation bars, or modal overlays rather than using pure black, which reads as too stark against the warm off-white ground.
  • ✓Do not apply more than one accent color within a single product, screen, or composition. If Signal Red is used for a primary action, Function Yellow must not appear on the same surface — multiplying accent colors collapses the functional signal that makes each one meaningful.

Collect high-resolution photographs of the Braun SK4, T3, and ET44 as physical reference — the tonal relationships between housing, controls, and typography are clearer in product photography than in any color swatch.

Use sparingly

Accent Colors

Rams used color sparingly and only when a functional signal demanded it. On the ET44 calculator and T3 radio, a single accent color marks the one control that must be immediately identifiable — the power switch or the operational indicator. These two accent colors appear in isolation, never in combination, and never as decoration. Their presence is a statement of restraint: every color applied must earn its place through function.

Function Yellow

#D4B018

Power indicators, single control highlights

A muted golden-yellow with strong luminance contrast against both the off-white housing and dark backgrounds, chosen specifically for its visibility under low light conditions without the aggressive brightness of a pure yellow. On Braun calculators and audio products, this tone marks a single functional element — a power indicator or operational control — where it carries the full informational load of signalling 'active state.'

Signal Red

#C02820

Power buttons, warning indicators

A darkened, slightly desaturated red that retains strong signal value against grey and off-white surfaces while avoiding the visual aggression of a pure primary red — consistent with Rams's principle that even accent colors must subordinate to the product's overall calm. This tone appears on power buttons and warning indicators where the color's conventional meaning (stop, caution, power) does the communicative work.

What to skip

Colors to Avoid

These colors conflict with the core logic of the Rams palette: that color carries meaning only when it is scarce. Introducing decorative color, tinted whites, or expressive hues treats the surface as a site of visual interest — the opposite of Rams's position that 'good design is as little design as possible.' Each of these tones adds chromatic noise without a functional justification.

✕

Decorative Blue

#4A78B8

Introducing a saturated chromatic color with no operational meaning directly violates Rams's principle that color must signal function, not identity — the result is a surface that competes for attention rather than directing it toward the product's purpose. A blue this saturated also visually dominates the achromatic palette, creating a hierarchy inversion where a decorative element outranks functional controls.

✕

Warm Cream

#E8DFC0

This distinctly warm, yellow-shifted cream introduces chromatic character that transforms a neutral surface into an expressive one — working directly against the visual silence that makes Braun White function as an objective ground. Where Braun White (#F0EDE5) reads as deliberately neutral, Warm Cream reads as a stylistic choice, signalling warmth and approachability rather than precision and restraint.

✕

Gloss White

#F8F8F8

A near-pure cool white that lacks the slight warmth of Braun White (#F0EDE5), pushing the surface toward the clinical brightness associated with consumer electronics of a later era — the kind of glossy, high-reflectance finish Rams explicitly rejected as a form of visual noise. High-gloss, cool-white surfaces also reflect ambient light in ways that obscure form, which conflicts with Rams's principle that design should clarify, not complicate.

About this palette

The hex codes in this palette were derived from high-resolution Braun product photography, the Vitsœ archive of the 606 Universal Shelving System (still in production and consistently finished to original Rams specifications), and published documentation of Braun's industrial color standards from the 1960s–1990s. Off-white and grey values vary slightly across product lines and decades due to material aging and production tolerances — the values here represent the closest digital approximation to Rams's intended tones at time of manufacture.

FAQ

Common Questions

What is the Dieter Rams color palette?+

The Dieter Rams color palette is the set of colors Rams used across Braun products from the early 1960s through the 1990s, centered on a near-achromatic range: Braun White (#F0EDE5) for primary housing, Braun Grey (#8A8A87) for secondary surfaces, and Warm Black (#1A1A18) for typography. Accent colors — Signal Red (#C02820) and Function Yellow (#D4B018) — appear only on individual operational controls such as power buttons and indicator lights. The defining principle is functional color: every tone present has a specific communicative role, and no color is applied for visual decoration.

Why does Dieter Rams use so little color?+

Rams's restraint with color follows directly from his ten principles of good design, particularly the principle that 'good design is as little design as possible' — applied to color, this means that any tone without a functional purpose is visual noise that competes with the product's usability. In Rams's system, color is a signal: Signal Red on a power button communicates 'this is the most important control' precisely because red appears nowhere else on the product. Introducing additional color would dilute that signal and force the user to decode the hierarchy rather than read it immediately.

How do I apply the Dieter Rams palette in UI design?+

Set Braun White (#F0EDE5) as your primary background and Warm Black (#1A1A18) as your text color, then use the mid-range neutrals — Pebble (#C5C3BE) and Braun Grey (#8A8A87) — to distinguish interactive surfaces and secondary content zones without introducing color. Reserve either Signal Red (#C02820) or Function Yellow (#D4B018) — never both simultaneously — for a single high-priority interactive element: a primary CTA, a live status indicator, or a destructive action button. The key discipline is holding the accent to one element per context; as soon as two chromatic colors appear together, the functional signal collapses.

What is the connection between Dieter Rams and Apple design?+

Jonathan Ive, Apple's chief design officer from 1996 to 2019, has directly acknowledged Rams as a primary influence on his work at Apple. The visual parallels are extensive: Apple's aluminum and white polycarbonate housings echo Braun White (#F0EDE5) and Anthracite (#2E2E2C); the original iPod's interface used near-identical achromatic proportions to Rams's Braun audio products; and Apple's early software interfaces shared the same principle of using color for operational signals rather than decoration. The connection is not incidental — Ive studied Rams's Braun work systematically, and the Braun T3 pocket radio is frequently cited alongside the first-generation iPod as a direct formal precedent.

What accent colors did Dieter Rams use?+

Rams used two accent colors across Braun products: Signal Red (#C02820), a slightly desaturated red used exclusively for power buttons and warning indicators, and Function Yellow (#D4B018), a muted golden-yellow used for power indicator lights and single operational highlights on devices such as the ET44 calculator. Neither color ever appeared decoratively or in combination with the other on the same product — each tone was reserved for a single, uniquely important control. This isolation is what gives each accent its communicative force: the color's rarity is the signal.

How is the Dieter Rams palette different from Bauhaus?+

The Bauhaus movement, particularly in its early Expressionist phase, used primary colors — red, yellow, blue — as expressive and compositional elements, associating specific hues with formal properties (Kandinsky's yellow triangle, red square, blue circle). Color carried symbolic and emotional meaning. Rams's approach is categorically different: color in the Braun palette has no expressive role. Signal Red (#C02820) and Function Yellow (#D4B018) are not chosen for their emotional resonance — they are chosen because high-luminance contrast against an achromatic ground makes a single control immediately locatable. Where Bauhaus used color to communicate ideas, Rams used color to communicate state.

Related Palettes

Bauhaus Color Palette
Jean Prouve Color Palette
Arne Jacobsen Color Palette
Eames Color Palette

Explore More

Browse all color palettes

→