Impossible Foods color palette
Food & DrinkImpossible Foods uses a bold, high-contrast palette centered on its signature Impossible Blue, paired with black, white, and vibrant accents for a modern, disruptive food brand identity.
impossiblefoods.comImpossible Foods colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Impossible BluePrimary0, 209, 178
- Impossible BlackSecondary35, 31, 32
- Impossible MagentaAccent255, 27, 71
Surfaces
Page, cards and dividers.- Impossible WhiteBackground255, 255, 255
- Impossible Light GraySurface245, 245, 245
- Impossible Border GrayBorder224, 224, 224
Text
Three tiers of copy.- Impossible BlackText35, 31, 32
- Impossible Medium GraySecondary text109, 110, 113
- Impossible Muted GrayMuted text189, 189, 189
Semantic
Feedback and state colors.- Impossible BlueSuccess0, 209, 178
- Impossible YellowWarning255, 194, 14
- Impossible MagentaError255, 27, 71
- Impossible CyanInfo0, 184, 224
Use Impossible Foods's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
impossible-foods-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00B8E0;
--error: #FF1B47;
--accent: #FF1B47;
--border: #E0E0E0;
--primary: #00D1B2;
--success: #00D1B2;
--surface: #F5F5F5;
--warning: #FFC20E;
--secondary: #231F20;
--text-muted: #BDBDBD;
--background: #FFFFFF;
--text-primary: #231F20;
--text-secondary: #6D6E71;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
16.3:1
Pass
Text on surface
Needs 4.5:1 for body text
15.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.1:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.7:1
Pass
Muted text on background
Needs 3:1 for large text
1.9:1
Fail
Muted text on surface
Needs 3:1 for large text
1.7:1
Fail
Impossible Foods gray and neutral colors
The quiet part of the Impossible Foods palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Impossible WhiteBackground
- HEX
- RGB
- HSL
- Impossible Light GraySurface
- HEX
- RGB
- HSL
- Impossible Border GrayBorder
- HEX
- RGB
- HSL
- Impossible BlackText
- HEX
- RGB
- HSL
- Impossible Medium GraySecondary text
- HEX
- RGB
- HSL
- Impossible Muted GrayMuted text
- HEX
- RGB
- HSL
About Impossible Foods's colors
Impossible Foods' palette is built around a vibrant blue-green primary, contrasted with black, white, and energetic accent colors. The system is designed for high visibility and a modern, plant-based food identity.
Primary blue-green contrasts with black and white for clarity.
Accent magenta and yellow provide energy and call-to-action.
Neutral grays support legibility and hierarchy.
Psychology
The bright blue-green evokes freshness, innovation, and plant-based cues. Black and white reinforce a bold, modern, and trustworthy presence.
Evolution
The palette has remained consistent since Impossible Foods' major rebrand, with Impossible Blue always at the center. Minor adjustments to accent and gray tones have improved accessibility and digital usability.
Where Impossible Foods uses each color
- Primary
Impossible Blue is used for logos, primary buttons, and key highlights across digital and packaging.
- Secondary
Impossible Black appears in headers, navigation bars, and as the main text color.
- Accent
Impossible Magenta is used for call-to-action buttons, highlights, and promotional graphics.
- Backgrounds
Impossible White and Light Gray are used for backgrounds on web pages and packaging.
- Text
Impossible Black and Medium Gray are used for primary and secondary text, with Muted Gray for disabled or less prominent text.
- Semantic
Impossible Yellow and Magenta are used for warning and error states, while Impossible Cyan is used for informational highlights.
Impossible Foods color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Impossible Foods primary brand color is Impossible Blue, hex code #00D1B2.
Impossible Blue is #00D1B2, which is RGB(0, 209, 178) and approximately CMYK(100, 0, 15, 18).
Impossible Foods uses Impossible Light Gray (#F5F5F5), Border Gray (#E0E0E0), Medium Gray (#6D6E71), and Muted Gray (#BDBDBD) for UI backgrounds, borders, and secondary text.
Use Impossible Blue (#00D1B2) for primary actions and branding, with Impossible Black (#231F20) for text and navigation. Accent colors like Impossible Magenta (#FF1B47) and Impossible Yellow (#FFC20E) are reserved for highlights, CTAs, and semantic states.
The secondary color is Impossible Black, #231F20, and the accent is Impossible Magenta, #FF1B47. Together with the primary they make up the three brand colors at the top of this page.
4 of 6 text and background pairings meet WCAG 2.1 AA contrast. The contrast section above shows every pairing with its exact ratio.
Use the export block on this page. It gives you CSS custom properties, a Tailwind config, W3C design tokens or a shadcn/ui theme built from these exact hex values, with copy and download buttons.
Yes. Export the Claude Code skill, Cursor rules or Codex prompt from the same block. The agent then applies Impossible Foods's colors consistently when it generates UI.
Make something in the spirit of Impossible Foods
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.