Instax color palette
ConsumerInstax, a Fujifilm brand, uses a vibrant and playful color palette centered around its signature Instax Mint Green, reflecting its youthful and creative identity. The palette features bright accents and clean neutrals, consistent across its website, packaging, and promotional materials.
instax.comInstax colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Instax Mint GreenPrimary0, 195, 166
- Instax YellowSecondary255, 179, 0
- Instax CoralAccent255, 90, 95
Surfaces
Page, cards and dividers.- Instax WhiteBackground255, 255, 255
- Instax Light GraySurface246, 246, 246
- Instax Border GrayBorder224, 224, 224
Text
Three tiers of copy.- Instax CharcoalText34, 34, 34
- Instax Medium GraySecondary text117, 117, 117
- Instax Muted GrayMuted text189, 189, 189
Semantic
Feedback and state colors.- Instax Success GreenSuccess67, 197, 158
- Instax Warning YellowWarning255, 179, 0
- Instax Error CoralError255, 90, 95
- Instax Info BlueInfo0, 184, 230
Use Instax's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
instax-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00B8E6;
--error: #FF5A5F;
--accent: #FF5A5F;
--border: #E0E0E0;
--primary: #00C3A6;
--success: #43C59E;
--surface: #F6F6F6;
--warning: #FFB300;
--secondary: #FFB300;
--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.7: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.3: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
Instax gray and neutral colors
The quiet part of the Instax palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Instax WhiteBackground
- HEX
- RGB
- HSL
- Instax Light GraySurface
- HEX
- RGB
- HSL
- Instax Border GrayBorder
- HEX
- RGB
- HSL
- Instax CharcoalText
- HEX
- RGB
- HSL
- Instax Medium GraySecondary text
- HEX
- RGB
- HSL
- Instax Muted GrayMuted text
- HEX
- RGB
- HSL
About Instax's colors
Instax's color system is built around a bright, playful mint green, complemented by energetic accent colors and clean neutrals. The palette is designed to evoke creativity, fun, and approachability.
Primary mint green is contrasted with warm yellow and coral accents.
Neutrals provide clarity and focus for product imagery.
Accent colors are used sparingly for emphasis and calls to action.
Psychology
The mint green conveys freshness, youthfulness, and creativity, while the yellow and coral add warmth and excitement. The clean neutrals help maintain a modern, approachable feel.
Evolution
Instax's palette has remained consistent since its global rebrand, focusing on mint green as the core identity. Minor adjustments have been made to accent and neutral tones for digital clarity.
Where Instax uses each color
- Primary
Instax Mint Green is used in logos, navigation bars, and key buttons.
- Secondary
Instax Yellow appears in highlights, badges, and promotional banners.
- Accent
Instax Coral is used for call-to-action buttons and important notifications.
- Backgrounds
Instax White and Light Gray are used for page backgrounds and card surfaces.
- Text
Charcoal and Medium Gray are used for primary and secondary text, with Muted Gray for disabled or less prominent text.
- Semantic
Success, warning, error, and info colors are used in notifications, alerts, and status indicators.
Instax color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Instax brand color is Instax Mint Green, with the hex code #00C3A6.
Instax Mint Green (#00C3A6) is RGB(0, 195, 166) and CMYK(100, 0, 15, 24).
Instax uses Instax Light Gray (#F6F6F6), Border Gray (#E0E0E0), and Charcoal (#222222) for backgrounds, borders, and text.
Use Instax Mint Green for primary branding elements, with yellow and coral as accents. Neutrals should support readability and product focus.
The secondary color is Instax Yellow, #FFB300, and the accent is Instax Coral, #FF5A5F. 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 Instax's colors consistently when it generates UI.
Make something in the spirit of Instax
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.