Polaroid color palette
ConsumerPolaroid's color identity is defined by its iconic rainbow spectrum, with a primary focus on a vivid red. The palette is bold, playful, and instantly recognizable, reflecting the brand's legacy in photography and creativity.
polaroid.comPolaroid colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Polaroid RedPrimary235, 28, 36
- Polaroid OrangeSecondary249, 160, 27
- Polaroid BlueAccent0, 174, 239
Surfaces
Page, cards and dividers.- Polaroid WhiteBackground255, 255, 255
- Polaroid Light GraySurface245, 245, 245
- Polaroid Border GrayBorder209, 211, 212
Text
Three tiers of copy.- Polaroid CharcoalText34, 34, 34
- Polaroid Medium GraySecondary text117, 117, 117
- Polaroid Muted GrayMuted text189, 189, 189
Semantic
Feedback and state colors.- Polaroid GreenSuccess57, 181, 74
- Polaroid OrangeWarning249, 160, 27
- Polaroid RedError235, 28, 36
- Polaroid BlueInfo0, 174, 239
Use Polaroid's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
polaroid-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00AEEF;
--error: #EB1C24;
--accent: #00AEEF;
--border: #D1D3D4;
--primary: #EB1C24;
--success: #39B54A;
--surface: #F5F5F5;
--warning: #F9A01B;
--secondary: #F9A01B;
--text-muted: #BDBDBD;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #757575;
}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
4.6:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.2:1
Fail
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
Polaroid gray and neutral colors
The quiet part of the Polaroid palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Polaroid WhiteBackground
- HEX
- RGB
- HSL
- Polaroid Light GraySurface
- HEX
- RGB
- HSL
- Polaroid Border GrayBorder
- HEX
- RGB
- HSL
- Polaroid CharcoalText
- HEX
- RGB
- HSL
- Polaroid Medium GraySecondary text
- HEX
- RGB
- HSL
- Polaroid Muted GrayMuted text
- HEX
- RGB
- HSL
About Polaroid's colors
Polaroid's color palette is based on a vibrant rainbow spectrum, evoking creativity and nostalgia. The use of bold primaries and clean neutrals ensures strong visual impact and clarity.
Primary red anchors the palette and is complemented by orange and blue.
Neutral grays and white provide balance and legibility.
Green is used for positive actions, echoing the rainbow motif.
Psychology
The palette conveys playfulness, energy, and approachability, inviting users to engage with the brand. The rainbow spectrum is associated with creativity and inclusivity.
Evolution
Polaroid's palette has remained consistent, with the rainbow motif central since the 1970s. Recent updates have refined the neutrals for digital clarity while preserving the iconic spectrum.
Where Polaroid uses each color
- Primary
Polaroid Red is used for logos, key buttons, and highlights on packaging.
- Secondary
Polaroid Orange appears in navigation elements, callouts, and accent graphics.
- Accent
Polaroid Blue is featured in links, icons, and select UI elements.
- Backgrounds
Polaroid White and Light Gray are used for backgrounds in digital and print layouts.
- Text
Polaroid Charcoal and Medium Gray are used for primary and secondary text across web and print.
- Semantic
Polaroid Green, Orange, and Red are used for success, warning, and error states in UI feedback.
Polaroid color questions
Hex codes, RGB values, neutrals and how to use the palette.
The primary Polaroid brand color is #EB1C24, known as Polaroid Red. This color is used in the logo and key brand elements.
Polaroid Red (#EB1C24) is RGB(235, 28, 36) and CMYK(0, 88, 85, 8). These values ensure accurate reproduction in both digital and print.
Polaroid uses Light Gray (#F5F5F5), Border Gray (#D1D3D4), Medium Gray (#757575), and Muted Gray (#BDBDBD) for backgrounds, borders, and text. These support the vibrant rainbow colors and provide legibility.
Use Polaroid Red (#EB1C24) for primary actions and brand marks, with Orange (#F9A01B) and Blue (#00AEEF) as accents. Neutrals are for backgrounds and text to maintain clarity and balance.
The secondary color is Polaroid Orange, #F9A01B, and the accent is Polaroid Blue, #00AEEF. Together with the primary they make up the three brand colors at the top of this page.
3 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 Polaroid's colors consistently when it generates UI.
Make something in the spirit of Polaroid
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.