What are jewel tones?

Jewel tones are deep, saturated colors named after gemstones: sapphire blue, emerald green, ruby red, amethyst purple, and citrine yellow. They read as rich and luxurious because of their high saturation paired with a darker-than-average lightness.

How does the generator build them?

It anchors on five gemstone hues and keeps saturation high (roughly 62 to 82 percent) while holding lightness low (28 to 44 percent). Classic mode jitters all five anchors, duo mode builds a rich two-tone set, and random spreads hues freely within the same depth range.

Why is the lightness kept low?

Depth is what separates a jewel tone from a bright primary. Keeping lightness in the 28 to 44 percent band makes the colors look saturated and luxurious rather than neon or pastel.

Are jewel tones suitable for text?

Their darkness makes them strong for text on light backgrounds and for accent surfaces. Place white or light type on a jewel surface and confirm the contrast ratio reaches at least 4.5 to 1.

What format are the colors?

Each swatch shows a hex code such as #2B4C8C ready for CSS and design tools. The values are computed in HSL and converted to hex for display and copying.

Jewel Tone Palette Generator

This generator builds deep, gemstone-inspired palettes that suit luxury brands, formal event design, and any project that wants a sense of richness. Colors are computed in HSL and converted to hex.

How it works

Jewel tones are defined by high saturation combined with a controlled, darker lightness. The generator:

Anchors on five gemstone hues — sapphire, emerald, ruby, amethyst, and citrine — on the 0–360° wheel.
Applies the chosen mode: classic jitters all five anchors, two-tone duo builds a set from two anchors and their neighbors, and random rich spreads hues freely.
Forces every color into the jewel range: saturation 62–82% and lightness 28–44%.

Each HSL color is converted to a hex string for display and copying.

Tips and notes

Jewel palettes look most luxurious against deep neutrals, cream, or metallic accents like gold. Use one jewel tone as the dominant color and the rest as supporting accents so the depth reads as intentional rather than heavy. For text on any swatch, check the contrast ratio reaches at least 4.5:1. Click any swatch to copy its hex code.