What are the hex codes in the Pistachio & Cyan Tale palette?

The Pistachio & Cyan Tale color palette consists of Cyan #00A7D3, Pink #FFB3C1, Pistachio #7BC96F, Juniper #2D6A4F.

How should I use the Pistachio & Cyan Tale palette on a website?

Use Pink #FFB3C1 as the background, Juniper #2D6A4F for text, Cyan #00A7D3 for buttons and links, and Pistachio #7BC96F for accents. No pair inside the palette reaches 4.5:1, so add black or white for body text.

Which colors in Pistachio & Cyan Tale have enough contrast for text?

The highest-contrast pair is #FFB3C1 on #2D6A4F with a ratio of 3.79:1, which passes WCAG AA for large text only.

#00A7D3Cyan

#FFB3C1Pink

#7BC96FPistachio

#2D6A4FJuniper

Pistachio & Cyan Tale color palette

Modern Pink Green

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Cyan	`#00A7D3`	`rgb(0, 167, 211)`	`hsl(193, 100%, 41%)`	`oklch(67.8% 0.129 225)`
Pink	`#FFB3C1`	`rgb(255, 179, 193)`	`hsl(349, 100%, 85%)`	`oklch(84.2% 0.090 7)`
Pistachio	`#7BC96F`	`rgb(123, 201, 111)`	`hsl(112, 45%, 61%)`	`oklch(76.4% 0.146 141)`
Juniper	`#2D6A4F`	`rgb(45, 106, 79)`	`hsl(153, 40%, 30%)`	`oklch(47.6% 0.078 162)`

Why it works and how to use it

Pistachio & Cyan Tale is a vivid complementary color palette tagged modern, pink, green. Near-complementary hues (about 164° apart) make this a high-contrast, attention-grabbing combination. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. Warm and cool hues are mixed, which adds depth.

With 4 chromatic colors, Cyan takes the lead while the rest support. Lightness runs from 30% to 85%. Well suited to websites, presentations and branding.

Background: Pink (#FFB3C1) is the lightest color, so it belongs on large surfaces.
Text: Juniper (#2D6A4F) on #FFB3C1 gives 3.79:1, enough for large headings only.
Primary: Cyan (#00A7D3) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Pistachio (#7BC96F) for highlights, badges and hover states.

No pair inside the palette reaches 4.5:1, so add black or white for body text.

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

BrandFeaturesPricingBlogGet started

Design faster with Pistachio & Cyan Tale

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

Roles are assigned by lightness.

Color blindness simulation

#00A7D3

#FFB3C1

#7BC96F

#2D6A4F

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

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#FFB3C1` on `#2D6A4F`	Aa	3.79:1	AA large only
`#7BC96F` on `#2D6A4F`	Aa	3.17:1	AA large only
`#00A7D3` on `#2D6A4F`	Aa	2.27:1	Fail
`#00A7D3` on `#FFB3C1`	Aa	1.67:1	Fail
`#00A7D3` on `#7BC96F`	Aa	1.4:1	Fail
`#FFB3C1` on `#7BC96F`	Aa	1.2:1	Fail

Similar palettes 24 more in this mood