What are the hex codes in the Organic Turquoise & Hunter Green palette?

The Organic Turquoise & Hunter Green color palette consists of Hunter Green #006325, Jade #3CA081, Sage #9EB57F, Turquoise #18DAD3.

How should I use the Organic Turquoise & Hunter Green palette on a website?

Use Turquoise #18DAD3 as the background, Hunter Green #006325 for text, Jade #3CA081 for buttons and links, and Sage #9EB57F for accents. No pair inside the palette reaches 4.5:1, so add black or white for body text.

Which colors in Organic Turquoise & Hunter Green have enough contrast for text?

The highest-contrast pair is #006325 on #18DAD3 with a ratio of 4.27:1, which passes WCAG AA for large text only.

#006325Hunter Green

#3CA081Jade

#9EB57FSage

#18DAD3Turquoise

Organic Turquoise & Hunter Green color palette

Nature Cold Green Teal

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Hunter Green	`#006325`	`rgb(0, 99, 37)`	`hsl(142, 100%, 19%)`	`oklch(43.6% 0.125 148)`
Jade	`#3CA081`	`rgb(60, 160, 129)`	`hsl(161, 45%, 43%)`	`oklch(63.9% 0.104 169)`
Sage	`#9EB57F`	`rgb(158, 181, 127)`	`hsl(86, 27%, 60%)`	`oklch(74.2% 0.079 127)`
Turquoise	`#18DAD3`	`rgb(24, 218, 211)`	`hsl(178, 80%, 47%)`	`oklch(80.3% 0.136 191)`

Why it works and how to use it

Organic Turquoise & Hunter Green is a vivid split color palette tagged nature, cold, green. The hues span about 92°, enough contrast to create a focal point without the harshness of true complements. These are bold, punchy colors that need generous white space around them. The overall temperature is cool.

With 4 chromatic colors, Jade takes the lead while the rest support. Lightness runs from 19% to 60%. Well suited to wellness, organic and outdoor brands.

Background: Turquoise (#18DAD3) is the lightest color, so it belongs on large surfaces.
Text: Hunter Green (#006325) on #18DAD3 gives 4.27:1, enough for large headings only.
Primary: Jade (#3CA081) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Sage (#9EB57F) 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 Organic Turquoise & 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

#006325

#3CA081

#9EB57F

#18DAD3

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
`#006325` on `#18DAD3`	Aa	4.27:1	AA large only
`#006325` on `#9EB57F`	Aa	3.33:1	AA large only
`#006325` on `#3CA081`	Aa	2.33:1	Fail
`#3CA081` on `#18DAD3`	Aa	1.84:1	Fail
`#3CA081` on `#9EB57F`	Aa	1.43:1	Fail
`#9EB57F` on `#18DAD3`	Aa	1.28:1	Fail

:root {
  --hunter-green: #006325;
  --jade: #3CA081;
  --sage: #9EB57F;
  --turquoise: #18DAD3;
}

$hunter-green: #006325;
$jade: #3CA081;
$sage: #9EB57F;
$turquoise: #18DAD3;

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'hunter-green': '#006325',
        'jade': '#3CA081',
        'sage': '#9EB57F',
        'turquoise': '#18DAD3',
      },
    },
  },
};

{
  "name": "Organic Turquoise & Hunter Green",
  "colors": [
    "#006325",
    "#3CA081",
    "#9EB57F",
    "#18DAD3"
  ]
}

background: linear-gradient(135deg, #006325, #3CA081, #9EB57F, #18DAD3);

Or ask about it in ChatGPT Claude Perplexity

Edit this palette in the generator →

Added 2024-09-24 · Free for commercial use, no attribution needed.

Similar palettes 24 more in this mood