What are the hex codes in the Grounded Pistachio & Hunter Green palette?

The Grounded Pistachio & Hunter Green color palette consists of Jet #353714, Hunter Green #585D25, Pistachio #79BB7C, Eggshell #F2E9DA.

How should I use the Grounded Pistachio & Hunter Green palette on a website?

Use Eggshell #F2E9DA as the background, Jet #353714 for text, Hunter Green #585D25 for buttons and links, and Pistachio #79BB7C for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Jet on Eggshell at 10.21:1.

Which colors in Grounded Pistachio & Hunter Green have enough contrast for text?

The highest-contrast pair is #353714 on #F2E9DA with a ratio of 10.21:1, which passes WCAG AA for normal text.

#353714Jet

#585D25Hunter Green

#79BB7CPistachio

#F2E9DAEggshell

Grounded Pistachio & Hunter Green color palette

Modern Green

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Jet	`#353714`	`rgb(53, 55, 20)`	`hsl(63, 47%, 15%)`	`oklch(32.6% 0.054 112)`
Hunter Green	`#585D25`	`rgb(88, 93, 37)`	`hsl(65, 43%, 25%)`	`oklch(46.1% 0.078 114)`
Pistachio	`#79BB7C`	`rgb(121, 187, 124)`	`hsl(123, 33%, 60%)`	`oklch(73.1% 0.112 145)`
Eggshell	`#F2E9DA`	`rgb(242, 233, 218)`	`hsl(38, 48%, 90%)`	`oklch(93.7% 0.022 81)`

Why it works and how to use it

Grounded Pistachio & Hunter Green is a split color palette tagged modern, green. The hues span about 85°, enough contrast to create a focal point without the harshness of true complements. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.

The palette holds together thanks to its split hue relationship and a strong light-to-dark ladder (90% down to 15% lightness). A natural fit for websites, presentations and branding.

Background: Eggshell (#F2E9DA) is the lightest color, so it belongs on large surfaces.
Text: Jet (#353714) on #F2E9DA gives 10.21:1, passing WCAG AAA.
Primary: Hunter Green (#585D25) is the most saturated mid-tone; use it for buttons and links (5.8:1 against the background, fine for UI elements).
Accent: Pistachio (#79BB7C) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Jet on Eggshell at 10.21:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Grounded Pistachio & Hunter Green

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

#353714

#585D25

#79BB7C

#F2E9DA

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
`#353714` on `#F2E9DA`	Aa	10.21:1	AAA
`#585D25` on `#F2E9DA`	Aa	5.8:1	AA
`#353714` on `#79BB7C`	Aa	5.39:1	AA
`#585D25` on `#79BB7C`	Aa	3.06:1	AA large only
`#79BB7C` on `#F2E9DA`	Aa	1.89:1	Fail
`#353714` on `#585D25`	Aa	1.76:1	Fail

:root {
  --jet: #353714;
  --hunter-green: #585D25;
  --pistachio: #79BB7C;
  --eggshell: #F2E9DA;
}

$jet: #353714;
$hunter-green: #585D25;
$pistachio: #79BB7C;
$eggshell: #F2E9DA;

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'jet': '#353714',
        'hunter-green': '#585D25',
        'pistachio': '#79BB7C',
        'eggshell': '#F2E9DA',
      },
    },
  },
};

{
  "name": "Grounded Pistachio & Hunter Green",
  "colors": [
    "#353714",
    "#585D25",
    "#79BB7C",
    "#F2E9DA"
  ]
}

background: linear-gradient(135deg, #353714, #585D25, #79BB7C, #F2E9DA);

Or ask about it in ChatGPT Claude Perplexity

Edit this palette in the generator →

Added 2025-04-04 · Free for commercial use, no attribution needed.

Similar palettes 24 more in this mood