#14213DInk
#95CE50Pistachio
#E5E5E5Ice
#FDFDFDWhite

Juicy Pistachio & Ink color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Juicy Pistachio & Ink is a complementary color palette tagged modern, minimal, green. Ink and Pistachio sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. Neither washed out nor loud, it adapts to most contexts.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Ink#14213Drgb(20, 33, 61)hsl(221, 51%, 16%)oklch(25.2% 0.056 264)
Pistachio#95CE50rgb(149, 206, 80)hsl(87, 56%, 56%)oklch(78.6% 0.167 130)
Ice#E5E5E5rgb(229, 229, 229)hsl(0, 0%, 90%)oklch(92.2% 0.000 0)
White#FDFDFDrgb(253, 253, 253)hsl(0, 0%, 99%)oklch(99.4% 0.000 0)

Why it works and how to use it

Two of the four colors are near-neutral, which leaves room for Pistachio to lead. Lightness runs from 16% to 99%. Well suited to websites, presentations and branding.

  • Background: White (#FDFDFD) is the lightest color, so it belongs on large surfaces.
  • Text: Ink (#14213D) on #FDFDFD gives 15.7:1, passing WCAG AAA.
  • Primary: Pistachio (#95CE50) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Ice (#E5E5E5) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on White at 15.7:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Juicy Pistachio & Ink

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary
Card title
Card title
Card title
Roles are assigned by lightness.

Color blindness simulation

#14213D
#95CE50
#E5E5E5
#FDFDFD

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#14213D on #FDFDFDAa15.7:1AAA
#14213D on #E5E5E5Aa12.68:1AAA
#14213D on #95CE50Aa8.54:1AAA
#95CE50 on #FDFDFDAa1.84:1Fail
#95CE50 on #E5E5E5Aa1.49:1Fail
#E5E5E5 on #FDFDFDAa1.24:1Fail

Similar palettes 24 more in this mood