Colour Palettes for Food and Drink Brands

A food or drink palette needs to work where people make decisions: on a small label, beside a product photograph, on a menu, at a till and on a phone in bright daylight. Start with the product, the buying moment and the information that must be found quickly. Then turn a visual direction into named colour roles and tested foreground-background pairs. This avoids a collection of attractive swatches that breaks down when prices, allergens, buttons and body copy appear.

Start with the product and the buying moment

Gather real visual material before choosing colour: the product itself, ingredients, vessel or pack finish, serving environment and the category shelf or delivery screen. Look for repeatable cues rather than trying to assign a universal meaning to a hue. An olive oil maker might begin with tin cream, muted olive and a dark ink; a late-night coffee drink might begin with espresso, foam and a small crema accent. The decision is stronger when it can be traced to the product and its context.

Write a one-line brief that names the offer and the task. For example: “A direct-to-consumer olive oil whose label makes variety, origin and volume easy to scan”, or “A bottled cold brew whose checkout and subscription controls remain clear on a dark surface.” This sets a useful test for every swatch. If a colour does not clarify hierarchy, distinguish a range or support the packaging story, it is probably an accent looking for a job.

Core product cue: a colour drawn from the product, ingredient, material or preparation.
Context cue: a colour from the venue, season, serving ritual or packaging substrate.
Operational cue: colours reserved for offers, availability, dietary information, warnings and interface states.

Do not assume a colour will reliably make a product seem premium, natural, indulgent or energising. Such associations vary with culture, category, wording, imagery and execution. Treat them as hypotheses to test against your pack, photography and customers, not rules of colour psychology.

Build a role-based system, not a five-swatch collage

Give each colour one main job before naming it. A compact food and drink system commonly needs a light surface, a dark ink, a primary identifier, a supporting tone and a small action accent. The proportion is not fixed, but the surface and ink must carry the majority of information. The primary identifier can then be recognisable without being forced behind every line of text.

Surface: carton base, menu field, page background or card.
Ink: ingredients, price, navigation, legal copy and long-form text.
Primary: logo field, product family marker, main panel or controlled button fill.
Support: flavour variants, dividers, illustrations or secondary cards.
Accent: a scarce highlight for a promotion, selected state or key call to action.

Keep functional colours separate from flavour or range colours. “Decaf”, “out of stock” and “contains nuts” must not depend on whether the seasonal palette happens to include a suitable hue. Use a label, icon, pattern or position alongside colour. W3C guidance requires that colour is not the only visual means of conveying information, indicating action or distinguishing an element.

Document roles as tokens, not just hex values. That lets a new flavour inherit a stable information hierarchy even if its illustration colours change. A kitchen-table test is simple: reduce the front panel to a small thumbnail. Can someone still find the product name, flavour, pack size and dietary statement without relying on colour alone?

Work through accessible pairs before production

For normal text, target at least 4.5:1 contrast against its actual background. Larger text has a lower 3:1 minimum, but a prominent headline is not a reason to make ingredients or checkout labels faint. Interactive components and meaningful icons also need to be distinguishable, commonly at 3:1. Check the pair after adding transparency, photography, texture or a gradient, because those change the effective background.

These copyable pairs use colours from the catalogue and have been calculated using the WCAG relative-luminance formula. They are suitable for normal-sized text at the stated solid backgrounds: #F5E6D3 on #1A0F0A from Espresso Martini is 15.35:1; #303828 on #EEE6CF from Olive Oil Tin is 9.79:1; and #4B3730 on #FFF0D7 from Gelato Cabinet is 9.90:1. Each clears the 4.5:1 WCAG AA minimum for normal text.

:root {
  --surface: #EEE6CF;
  --ink: #303828;
  --brand: #607044;
  --accent: #C89C35;
}

.product-card {
  background: var(--surface);
  color: var(--ink);
}

.product-card__button {
  background: var(--ink);
  color: var(--surface);
}

Do not use the olive label green or harvest gold above as small text on the cream merely because they sit attractively together. Test each new foreground-background combination. A palette can contain many expressive colours while its text system uses only two or three reliable pairs.

Apply the system across pack, menu and web

On packaging, test at the actual finished size, on the intended stock or container, with the production process you plan to use. Put legal information, ingredients, volume and barcode clearance in the ink-surface pair first. Only then decide where foil, varnish, a flavour colour or an illustration adds value. Photography and transparent labels make this especially important because the background may vary in normal use.

On menus and ordering screens, make the choice path consistent: category, item name, price, dietary detail and add button should keep the same role from page to page. If a dietary state is indicated with green, add plain wording such as “plant-based” and an appropriate icon. If a promotion is in a coloured panel, ensure the offer text passes against that panel rather than assuming the page background is relevant.

For a range, change one controlled layer at a time. A coffee brand could keep the same dark ink, cream surface and layout while giving espresso, oat and seasonal products different support colours. A soft product family can still be usable when the labels, illustration shapes and typography do the distinguishing. Matcha, Sushi Bar and Craft Beer show three different starting points, not ready-made brand rules.

Avoid common food and drink palette traps

Putting brand colour behind every word. Save strong primaries for identity and emphasis. Give lengthy copy a calm, high-contrast surface.
Matching text to the food photograph. A cream caption may work over one dark coffee image and disappear over another. Use a solid field, a tested overlay or move the copy outside the image.
Using range colours as status colours. If a berry flavour is red, red can no longer unambiguously mean an error, warning or unavailable state.
Relying on a mock-up. A glossy screen render does not test a curved can, small menu type, glare, low toner or a photo-led email.
Copying a recognisable competitor palette. Use category research to understand conventions, then choose distinctive roles, wording and layouts that belong to the product.

Linked brand guides are editorial references only. They are not endorsed by the companies named and are not official brand standards. If a project needs an existing brand’s approved colours, obtain the current guidelines directly from that brand. For catalogue context, see the editorial pages for BrewDog, Innocent, Oatly and Nando’s.

Related guides

Suggested palettes

All guides All palettes