Market
Pricing
Sign inStart
Field GuideColour
Colour

Jewel tones: emerald, sapphire, ruby and amethyst codes

Emerald, sapphire, ruby and amethyst look expensive because they are deep and saturated at once. Here are the codes, the pairings that keep them rich, and the mistakes that make them look like a costume.

GradientlyVerified Gradiently account·October 1, 2026·6 min read
Cover: Starlit Cantata · GR·M49H·MS

The short version

  • Jewel tones are deep, highly saturated colours named after gemstones: emerald green, sapphire blue, ruby red, amethyst purple, plus topaz, citrine, garnet and tourmaline.
  • What makes a colour a jewel tone is the combination of strong saturation and a medium to dark value, so it looks lit from within rather than bright or pale.
  • Jewel tones look richest next to a warm neutral such as ivory, a near black, or a small amount of muted gold.
  • Emerald, sapphire, ruby and amethyst all pass WCAG AA contrast for body text against white or ivory at the codes in this article.
  • Use one jewel tone as the lead colour and at most one other as an accent, because a full set of gemstones at equal strength reads as a costume.
On this page
Jewel tone hex codesWhat makes a colour a jewel toneJewel tone colour palettes you can useJewel tone gradientsWhere jewel tones work bestCommon mistakes with jewel tones

Jewel tones are deep, saturated colours named after precious stones: emerald #00674F, sapphire #0F52BA, ruby #9B111E and amethyst #6A3D9A are the four everyone recognises, with topaz, citrine, garnet and tourmaline close behind. They sit in a narrow band: much richer than pastels, darker than neon, and never greyed down like earth tones. That combination is why they read as valuable, and why they suit evening events, winter campaigns, wine labels and any brand that wants to feel substantial without going black.

Jewel tone hex codes

These are working codes, tuned to look like the stone on a screen and to hold up as text. Gemstones vary, so there is no single official emerald, but these values sit squarely in what people picture.

Nine jewel tones. The first four are the classic set; topaz and citrine are the warm, light members of the family.
Emerald#00674F

RGB

0, 103, 79

Text on white

6.88:1, passes AA
Sapphire#0F52BA

RGB

15, 82, 186

Text on white

7.15:1, passes AAA
Ruby#9B111E

RGB

155, 17, 30

Text on white

8.42:1, passes AAA
Amethyst#6A3D9A

RGB

106, 61, 154

Text on white

7.64:1, passes AAA
Teal tourmaline

Hex

#0E7C7B

RGB

14, 124, 123

Text on white

5.01:1, passes AA
Tourmaline

Hex

#B0185A

RGB

176, 24, 90

Text on white

6.72:1, passes AA
Topaz#D98E04

RGB

217, 142, 4

Text on white

use dark text on it
Citrine#E1B000

RGB

225, 176, 0

Text on white

use dark text on it
Jewel toneHexRGBText on white
Emerald#00674F0, 103, 796.88:1, passes AA
Sapphire#0F52BA15, 82, 1867.15:1, passes AAA
Ruby#9B111E155, 17, 308.42:1, passes AAA
Amethyst#6A3D9A106, 61, 1547.64:1, passes AAA
Teal tourmaline#0E7C7B14, 124, 1235.01:1, passes AA
Tourmaline#B0185A176, 24, 906.72:1, passes AA
Topaz#D98E04217, 142, 4use dark text on it
Citrine#E1B000225, 176, 0use dark text on it
Contrast is measured against pure white. Topaz and citrine are too light for text on white, but carry near black text well: citrine with #14141A reaches 9.10:1.

If you need these in another format, hex color codes explains how hex, RGB and HSL relate, and hex to RGB shows the conversion by hand.

What makes a colour a jewel tone

Two settings, both at once. Saturation is high: the colour is pure, with almost no grey in it. Value is medium to dark: it sits well below white. Raise the value and emerald turns into mint; lower the saturation and it turns into sage. Keep both, and you get the glow of light passing through a cut stone.

Not a jewel tone

  • Mint #98E5C8: too light, a pastel
  • Sage #8A9A84: greyed down, a muted tone
  • Lime #7CFF3A: bright and electric, a neon
  • Forest #1F3B2C: so dark it reads as near black

Jewel tone

  • Emerald #00674F: pure green at a medium dark value
  • Sapphire #0F52BA: saturated blue, clearly lit
  • Ruby #9B111E: deep red that still glows
  • Amethyst #6A3D9A: purple with depth, not grey

This is the same idea tints, tones and shades describes: jewel tones are mostly pure hues with a little black added, rarely with white or grey. They also sit at the opposite end from earth tones, which are the same hues pulled towards brown.

Jewel tone colour palettes you can use

A jewel tone needs something quiet around it. On its own, a page of emerald is heavy; next to ivory, it looks deliberate. These four palettes each lead with one stone and add support in the right proportion.

  • Emerald library: emerald #00674F, ivory #F6EFE2, muted gold #C9A24A, ink #14141A. Classic, bookish, good for publishers and bars.
  • Sapphire night: sapphire #0F52BA, midnight #0B1430, pearl #EEF0F5, citrine #E1B000 as a small accent. Calm and confident.
  • Ruby supper: ruby #9B111E, garnet #6F1D2B, cream #F4EADB, olive #5E6B3A. Warm, generous, made for food and wine.
  • Amethyst studio: amethyst #6A3D9A, plum #3B1F4F, linen #F2ECE4, teal tourmaline #0E7C7B. Creative and a little unexpected.

Use the 60 30 10 rule as a starting split: the neutral covers most of the surface, the jewel tone takes the large shapes, and the accent gets a sliver. Gold works best muted; a bright yellow gold next to emerald quickly looks like a costume.

Jewel tone gradients

Jewel tones make some of the richest gradients there are, because each one can fade into its own shadow without turning muddy. Keep neighbours close on the colour wheel, and let a dark ground do most of the work.

Six jewel tone gradients. Each stays within neighbouring hues, so the middle of the blend stays clean.

Avoid blending ruby straight into emerald. They are complementary, so the midpoint turns brown; muddy gradients explains why and how to route around it through a third colour or a dark ground.

Where jewel tones work best

Jewel tones carry weight, so they suit moments that should feel considered: an invitation, a seasonal menu, an annual report cover, a launch for something that costs real money. Set the type in ivory or a pale tint of the same hue, and keep the layout spare.

Winter dinner
An evening in emerald.
Saturday 5 December, from seven
Gradiently · @gradiently

A 5×7 in invitation at 1500×2100. A deep ground with pale type is the classic jewel tone move.

Limited run
NEW
The ruby edition.
Small batch, back in December
Gradiently · @gradiently

An Instagram post at 1080×1350 for a limited product, letting one stone set the mood.

Plenty of brands reach for jewel tones in autumn and winter, which is exactly why a seasonal campaign can blur into everyone else's. If you want the richness without the sameness, a Gradiently Mark gives you a jewel toned background that only you can export with once you claim it, and it keeps your words readable wherever they sit.

Common mistakes with jewel tones

  • Using four stones at full strength. Emerald, sapphire, ruby and amethyst together look like a box of sweets. Pick one lead.
  • Pairing with pure white. It works for contrast but looks clinical. A warm ivory makes the colour look deeper.
  • Putting light jewel tones under white text. Citrine and topaz need dark text; white on citrine fails contrast badly.
  • Printing without a proof. Saturated blues and purples often fall outside the CMYK range and dull on paper. Read RGB vs CMYK before you send a file.

Find a gradient that’s only yours

Browse thousands of Marks, design with any of them for free, and claim the one that feels like you.

Browse the Market

Questions people ask

What are jewel tones?

Jewel tones are deep, saturated colours named after gemstones, such as emerald green, sapphire blue, ruby red and amethyst purple. They combine strong saturation with a medium to dark value.

What is the hex code for emerald green?

A good jewel tone emerald is #00674F. Lighter emeralds such as #50C878 are common on the web, but they read as a bright mid green rather than as a gemstone.

What colours go with jewel tones?

Warm neutrals such as ivory and cream, near black, and small amounts of muted gold. A jewel tone usually looks best with one other jewel tone at most, used as an accent.

What is the difference between jewel tones and earth tones?

Jewel tones are pure and saturated; earth tones are the same hues pulled towards brown and grey. Emerald is a jewel tone, olive is an earth tone.

Are jewel tones good for a brand?

They suit brands that want to feel rich, established or celebratory, such as hospitality, publishing and premium goods. Choose one stone as your lead and keep plenty of neutral space around it.

Share this guide

Written by GradientlyVerified Gradiently account

The team behind Gradiently, a design tool built around Marks: living gradients that make everything you design look like yours.

See our profile

On this page

Jewel tone hex codesWhat makes a colour a jewel toneJewel tone colour palettes you can useJewel tone gradientsWhere jewel tones work bestCommon mistakes with jewel tones

Share this guide

Next in Colour

Neutral colour palettes that still have character

Keep reading

All Colour guides
Colour

Earth tone color palettes: grounded codes to copy

5 min read

Earth tones are the colours of clay, sand, bark, moss and stone. They feel calm, honest and warm, and they are surprisingly easy to get flat. Here are eight palettes with codes that stay alive.

Colour

Luxury color palettes: codes that feel premium

5 min read

Expensive colour is mostly about what you leave out. Fewer colours, deeper darks, softer saturation and a lot of room. Here are six palettes built that way.

Colour

Tints, tones and shades: how to build a colour scale

5 min read

One brand colour is never enough to design with. Tints, tones and shades turn it into a whole family, and a good scale is what lets a palette carry text, buttons, backgrounds and charts.

Find the look that’s only yours.

Every Mark is a living background with one owner. Try an unclaimed Mark, and claim yours when it feels right.

Start designing

Check a certificate

Type a certificate number or a Mark’s code to see who owns it.

Works with ChatGPT and Claude

Ask your AI for a design. It makes it in your Mark, ready to edit.

ChatGPTClaude
How to connect

Product

  • Market
  • Explore
  • Pricing
  • Certificates

Learn

  • Field Guide
  • Help centre
  • What’s new

Developers

  • Overview
  • ChatGPT and Claude
  • API reference
  • API keys

Company

  • About
  • Contact us
  • Sign in

Legal

  • Terms
  • Privacy
  • Refunds
  • Mark protection
  • Cookies
  • All policies
Move through the letters. Each one wears a real Mark.Touch a letter to see its Mark.One name. Ten Marks inside it.
© 2026 Gradiently