Instant Pot color palette
ConsumerInstant Pot's color identity centers on a distinctive red, paired with dark neutrals and clean whites for a modern, approachable feel. The palette is consistent across product, packaging, and digital experiences.
instantpot.comInstant Pot colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Instant Pot RedPrimary226, 35, 26
- Instant Pot CharcoalSecondary75, 75, 75
- Instant Pot GoldAccent249, 178, 51
Surfaces
Page, cards and dividers.- Instant Pot WhiteBackground255, 255, 255
- Instant Pot Light GraySurface245, 245, 245
- Instant Pot Border GrayBorder209, 209, 209
Text
Three tiers of copy.- Instant Pot BlackText34, 34, 34
- Instant Pot Medium GraySecondary text109, 109, 109
- Instant Pot Muted GrayMuted text163, 163, 163
Semantic
Feedback and state colors.- Instant Pot Success GreenSuccess75, 181, 67
- Instant Pot Warning YellowWarning255, 179, 0
- Instant Pot Error RedError211, 47, 47
- Instant Pot Info BlueInfo25, 118, 210
Use Instant Pot's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
instant-pot-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1976D2;
--error: #D32F2F;
--accent: #F9B233;
--border: #D1D1D1;
--primary: #E2231A;
--success: #4BB543;
--surface: #F5F5F5;
--warning: #FFB300;
--secondary: #4B4B4B;
--text-muted: #A3A3A3;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #6D6D6D;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
15.9:1
Pass
Text on surface
Needs 4.5:1 for body text
14.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.2: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
2.5:1
Fail
Muted text on surface
Needs 3:1 for large text
2.3:1
Fail
Instant Pot gray and neutral colors
The quiet part of the Instant Pot palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Instant Pot WhiteBackground
- HEX
- RGB
- HSL
- Instant Pot Light GraySurface
- HEX
- RGB
- HSL
- Instant Pot Border GrayBorder
- HEX
- RGB
- HSL
- Instant Pot BlackText
- HEX
- RGB
- HSL
- Instant Pot Medium GraySecondary text
- HEX
- RGB
- HSL
- Instant Pot Muted GrayMuted text
- HEX
- RGB
- HSL
About Instant Pot's colors
Instant Pot’s palette uses a bold red to convey energy and approachability, balanced by dark neutrals and subtle accents. The colors are chosen for clarity, legibility, and brand recognition.
Primary red contrasts with neutral backgrounds.
Accent gold is used sparingly for highlights.
Dark grays provide structure and text clarity.
Psychology
Red evokes excitement, urgency, and warmth, aligning with Instant Pot’s innovative kitchen products. The neutrals create a sense of reliability and professionalism.
Evolution
The core red and neutral palette has remained stable since the brand’s inception. Minor adjustments have been made to accent and supporting colors for digital clarity.
Where Instant Pot uses each color
- Primary
Used for logo, primary buttons, and key calls-to-action on website and packaging.
- Secondary
Applied to navigation bars, footers, and secondary text elements.
- Accent
Used for highlights, icons, and promotional banners.
- Backgrounds
White and light gray backgrounds dominate web and app screens for a clean look.
- Text
Primary and secondary grays are used for body copy and headings.
- Semantic
Success, warning, error, and info colors are used for alerts and status indicators in digital products.
Instant Pot color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Instant Pot brand color is #E2231A, known as Instant Pot Red.
The primary red (#E2231A) is RGB(226, 35, 26) and CMYK(0, 85, 88, 11).
Instant Pot uses several grays: #4B4B4B (Charcoal), #6D6D6D (Medium Gray), #A3A3A3 (Muted Gray), and #F5F5F5 (Light Gray).
Use Instant Pot Red (#E2231A) for primary actions and branding, neutrals for backgrounds and text, and accent colors for highlights or alerts.
The secondary color is Instant Pot Charcoal, #4B4B4B, and the accent is Instant Pot Gold, #F9B233. 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 Instant Pot's colors consistently when it generates UI.
Make something in the spirit of Instant Pot
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.