Skip to main content

Pistachio

Everything you need to know about pistachio to inspire your next design.

Pick a palette type

What color is pistachio?

Pistachio falls in the warm green section of the color wheel, leaning slightly toward yellow. This color embodies the hue of pistachio nuts, evoking a sense of freshness and growth. Its yellow influence adds a cheerful touch.

pistachio colorpistachio color

What does pistachio look like on digital screens?

Pistachio is defined by the following color codes and values to ensure consistency across various digital platforms and devices.

  • HEX code: #84B067
  • RGB value: 51.8% red, 69% green, and 40.4% blue

Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines.

How should I effectively use pistachio in UI design?

Here are some ways to use pistachio in your designs:

  • Create a soothing atmosphere. Pistachio’s soothing qualities work well for apps and websites that want to create a serene environment, like sleep or meditation apps.
  • Signal success. Pistachio can be a visual indicator to inform users of a completed action or accomplishment. For example, use pistachio for progress bars to represent movement toward a goal or for checkmarks when a user completes a form submission or task.
  • Design a nature-inspired interface. When paired with other shades of green and natural colors like brown, pistachio creates a natural and organic color palette—perfect for apps related to health, food, or the environment.

Keep in mind that color and its meaning can change from culture to culture—and at any given time. If you are designing for a global audience, research color considerations for your specific regions.

What are similar colors to pistachio?

For variations within the same fresh spectrum as pistachio, consider:

  • Celadon (#A8DCAB) leans more blue with similar calming qualities.
  • Green sage (#98A869) shares the same muted appearance with more yellow influence.
  • Moss green (#7E8C54) is a bit darker with a similar earthy hue.
  • Jade green (#00BB77) has a similar freshness with turquoise undertones.

What colors go with pistachio?

To complement pistachio, consider pairing it with:

  • Glaucous (#678DC6) has a similar muted appearance, creating a calming and refreshing atmosphere.
  • Lilac (#A47DAB) complements pistachio for a soft and romantic look.
  • Cream (#FDFBD4) offers a warm and soft base, allowing pistachio to pop.
  • Mint green (#ADEBB3) shares similar rejuvenating qualities, creating a monochromatic palette.
  • Chocolate (#713600) adds depth and richness when paired with pistachio.

Other colors worth considering include gray for a modern look, blush pink for a playful pairing, and white to create a clean and airy atmosphere.

What colors conflict with pistachio?

While pistachio is soft and muted, it may clash with:

  • Neon orange (#FF5C00) is highly saturated and vibrant, disrupting the softness of pistachio.
  • Fuchsia (#FF00FF) creates a harsh and overwhelming contrast.
  • Red (#FF2C2C) can look visually jarring and make it difficult for those with color vision deficiency to distinguish one color from the other.
  • Yellow-green (#CCFF00) may look too intense next to pistachio, overpowering its muted hue.

What does pistachio symbolize?

Pistachio symbolizes freshness, growth, and vitality. Its soft, muted tone also carries connotations of balance and tranquility.

In color psychology, pistachio’s rejuvenating energy and yellow influence promote feelings of optimism, joy, and new beginnings. It can also evoke a sense of cleanliness and purity because of its light and airy qualities.

In UI design, pistachio is useful for signifying success within an interface, giving users a visual cue that they’ve accomplished something. It’s also great for creating a calm, nature-inspired color palette.

What’s the history of pistachio?

Pistachios are a nut native to Central Asia. They come from the seeds of pistachio trees and thrive in dry, warm climates. They are known for their unique taste and distinct green and purple color. In many cultures, pistachios were considered a luxury item. In Ancient Persia, pistachios were a luxury item, symbolic of power and wealth. In China, pistachios were known as “happy nuts,” representing health and happiness.

Today, the color pistachio holds a similar meaning, evoking a sense of liveliness and well-being. Not only have pistachios inspired delicious culinary dishes, but their unique and refreshing hue has influenced color palettes in fashion, art, and design.

Color variations

Shades

Tints

Tones

Hues

Color Harmonies

Complementary

Split

Monochromatic

Analogous

Triadic

Square

Custom Palettes

Mountain Hike

Haute Couture

Pistachio Ice Cream

Accessibility: Contrast Checker

Large Text

Figma

Normal Text

How you design, align, and build matters. Do it together with Figma.

This is #84B067 text on a #FFFFFF background.

2.5:1

WCAG 2.2 Simple Contrast

Normal Text

Fail
AA
4.5:1
Fail
AAA
7:1

Large Text

Fail
AA
3:1
Fail
AAA
4.5:1
Large Text

Figma

Normal Text

How you design, align, and build matters. Do it together with Figma.

This is #84B067 text on a #000000 background.

8.39:1

WCAG 2.2 Simple Contrast

Normal Text

Pass
AA
4.5:1
Pass
AAA
7:1

Large Text

Pass
AA
3:1
Pass
AAA
4.5:1

Color simulations

Protanopia

Deuteranopia

Tritanopia

Achromatopsia

Color conversion

The hexadecimal color #84B067, known as pistachio, has RGB values of R:132, G:176, B:103 and CMYK values of C:0.25, M:0, Y:0.41, K:0.31.

VALUECSS
HEX84B067#84B067
RGB DECIMAL132, 176, 103RGB(132,176,103)
RGB PERCENTAGE51.8, 69, 40.4RGB(51.8%,69%,40.4%)
CMYK25, 0, 41, 31
HSL96.2°, 31.6, 54.7HSL(96.2°,31.6%,54.7%)
HSV (OR HSB)96.2°, 41.5, 69
WEB SAFE999966#999966
CIE-LAB67.228, -28.088, 32.7
XYZ27.488, 36.935, 18.512
xyY0.331, 0.445, 36.935
CIE-LCH67.228, 43.107, 130.661
CIE-LUV67.228, -22.059, 46.728
HUNTER-LAB60.774, -25.618, 24.482
BINARY10000100, 10110000, 01100111
iOS - SwiftUIColor(red: 0.518, green: 0.69, blue: 0.404)
iOS - UIKitUIColor(red: 0.518, green: 0.69, blue: 0.404, alpha: 1)
Android - ComposeColor(0xFF84B067)