Pistachio color guide
HEX
#93C572
RGB
147, 197, 114
HSL
96°, 42%, 61%
HSV
96°, 42%, 77%
Pistachio green feels like dessert before you taste it — mildly sweet, nutty, and comfortably retro. #93C572 sits in the dessert-case family of sorbet greens: yellow enough to feel edible, green enough to stay botanical. Charming on packaging where "healthy snack" meets "treat."
Best for
Internal tools, team dashboards, and knowledge-base layouts.
Compare with
Accessibility
Check contrast before using pistachio for text-heavy layouts, especially on low-contrast backgrounds.
How does pistachio compare to nearby colors?
What is the difference between pistachio and moss?
The main visual split is undertone: Pistachio (#93C572) feels more cool, while Moss (#8A9A5B) pulls in a different direction. Pistachio shifts the system toward paper, tint, and background behavior more than Moss does. Choose pistachio when the rest of the palette wants to lean cooler in undertone, and keep moss for a warmer interpretation of roughly the same strength.
What color is pistachio?
Food brands and bakeries borrow the pistachio name for ice creams, macarons, and confectionery colors. In fashion it often denotes a soft, slightly vintage pastel green.
What is the hex code for pistachio?
| Format | Value |
|---|---|
| HEX | #93C572 |
| RGB | rgb(147, 197, 114) |
| HSL | hsl(96°, 42%, 61%) |
| HSV / HSB | hsv(96°, 42%, 77%) |
| CMYK (approx.) | cmyk(25%, 0%, 42%, 23%) |
Convert Pistachio to other color formats
Open the color converter with Pistachio (#93C572) prefilled to copy RGB, HSL, HSV, CMYK, or OKLCH values.
Convert Pistachio in the color converter →What does pistachio mean in design?
Pistachio is often associated with indulgence, whimsy, and approachable naturalness. Compared with lime green it tends to read as much softer and more kitchen-table; next to moss it usually feels lighter, sweeter, and less earthy.
How do I use pistachio in code?
| CSS (hex) | color: #93C572; |
| CSS (rgb) | color: rgb(147, 197, 114); |
| CSS (hsl) | color: hsl(96, 42%, 61%); |
| RGB % | rgb(58%, 77%, 45%) |
| Tailwind | text-[#93C572] |
| SwiftUI | Color(red: 0.576, green: 0.773, blue: 0.447) |
| UIKit | UIColor(red: 0.576, green: 0.773, blue: 0.447, alpha: 1.0) |
| Android | Color.rgb(147, 197, 114) |
| Compose | Color(0xFF93C572) |
| Web Safe | #99CC66 |
Is pistachio accessible?
| Combination | Ratio | AA | AA lg | AAA | AAA lg | UI |
|---|---|---|---|---|---|---|
| AaWhite text on this color | 2.01:1 | ✗ | ✗ | ✗ | ✗ | ✗ |
| AaBlack text on this color | 10.47:1 | ✓ | ✓ | ✓ | ✓ | ✓ |
| AaThis color as text on white | 2.01:1 | ✗ | ✗ | ✗ | ✗ | ✗ |
| AaThis color as text on black | 10.47:1 | ✓ | ✓ | ✓ | ✓ | ✓ |
WCAG 2.1: AA normal ≥ 4.5:1, AA large text ≥ 3:1, AAA normal ≥ 7:1, AAA large ≥ 4.5:1, UI components ≥ 3:1.
How does pistachio look with color blindness?
Simulated appearance for common types of color vision deficiency. Actual perception varies by individual.
What colors go with pistachio
With pistachio on broader surfaces, charcoal adds enough depth to keep the system legible without the harsher edge of pure black.
Gold warms pistachio enough to keep the palette from feeling chilly or overly technical, while still reading intentional rather than decorative-for-its-own-sake.
Cream helps pistachio read warmer, softer, and less screen-hard than it would beside pure white.
What colors clash with pistachio
With pistachio, Neon Green pushes the work toward novelty or screen-effect territory faster than most brand or editorial systems can tolerate.
Magenta remaps pistachio too aggressively, dragging it away from product UI, sustainability, and general brand work and into a brighter, more performative palette.
How should I use pistachio in design?
- •Use pistachio for buttons, badges, and chart accents where it can stand out. Test text contrast with WCAG tools before using it for body copy on light backgrounds.
- •Warm touches like gold or coral bring out pistachio's cooler character by contrast, while staying with cool neighbors creates a calmer, more unified feel.
- •Pistachio fits finance dashboards, sustainability reports, and health-tech interfaces where the palette needs to communicate credibility and forward momentum.
What are good pistachio palettes?
Bright horizon
Internal tools, team dashboards, and knowledge-base layouts.
Honey and cream
Startup branding, pitch materials, and product landing pages.
Design with pistachio in Moda
Create a presentation or document using pistachio as your accent color. Moda's AI applies your color palette automatically.
Create a design with pistachio →What are the shades and tints of pistachio?
Shades (darker)
Tints (lighter)
Tones (desaturated)
Hue variations
What are the color harmonies for pistachio?
Harmonies are calculated from the base swatch. When a harmony matches a named color page, it links there; otherwise it appears here as a computed reference swatch.
Similar colors
Moss
Moss is close enough to pistachio to keep the palette cohesive, yet the lighter-darker shift still decides whether the family behaves more like atmosphere or more like structure.
Light Green
Light Green is close enough to pistachio to keep the palette cohesive, yet the lighter-darker shift still decides whether the family behaves more like atmosphere or more like structure.
Sage Green
Sage Green is a nearby alternative to pistachio when the palette needs a different undertone or material cue more than a dramatic contrast change.
Celadon
Celadon stays in the same color family as pistachio, but the change in value moves it into different layout jobs, especially once backgrounds, charts, or section dividers enter the system.
Emerald
Emerald keeps some overlap with pistachio, but the shift in finish and association is enough to make one feel better suited to this particular layout than the other.
Frequently asked questions
What is the hex code for pistachio?
The hex code for pistachio is #93C572. In RGB, that's 147 red, 197 green, and 114 blue. The approximate CMYK equivalent is 25% cyan, 0% magenta, 42% yellow, and 23% key (black).
Is pistachio a warm or cool color?
Pistachio leans cool but is not icy, so it can stay composed with blues and greens or feel more balanced when warmed up with cream, tan, or muted gold.
Is pistachio better for accents, structure, or surfaces?
Pistachio sits in the usable middle: strong enough to anchor a section or call attention to a key moment, but calm enough to support a broader system when the surrounding values are well managed.
Where does pistachio work best in a layout?
Pistachio sits in the middle of the spectrum in a useful way: strong enough for emphasis, but controlled enough to support a broader brand or presentation system when the contrast is handled well.
Is pistachio accessible?
Pistachio works better with dark text than white text. Black text reaches 10.47:1 contrast on the swatch, which makes the color more usable as a background or highlight surface than as a dark panel.
More green colors
Keep exploring color resources
All color pages
Browse the full library of color references, pairings, and palettes.
Green colors
Compare pistachio with other green tones.
Blue colors
Explore nearby color families to build stronger palettes and contrasts.
Brown colors
Explore nearby color families to build stronger palettes and contrasts.
Neutral colors
Explore nearby color families to build stronger palettes and contrasts.
Last updated April 6, 2026
Color values are computed from the listed hex code using standard conversion formulas. RGB, HSL, and HSV are exact screen-ready conversions. CMYK is an approximate on-screen reference, not a press-ready print specification. Pairings, palettes, and use-case guidance are heuristic recommendations derived from color relationships, contrast behavior, and common presentation, document, and UI patterns.