How do I use a jewel tones palette?

Use the darkest tone for text, the palest for large surfaces, and the most saturated color as the accent. Click any swatch to copy its hex, or open a palette in the generator to adjust it.

Are these real named colors?

Every swatch links to its closest curated color page, with codes, tints and shades, palettes, and contrast data.

Can I export a palette?

Yes. Open it in the generator for CSS, Tailwind, SCSS, SwiftUI, Android, and JSON exports, plus a shareable link.

Jewel Tones color palette

Three jewel tones palettes generated from color theory. Every swatch copies its hex; every name opens that color's full page; every palette opens in the generator, visualizer, or recolor tool.

Free Speech Aquamarine #00A176 Pristine Oceanic #00C8BE Caribbean Blue #00C3DC Lynx Screen Blue #00B3F3 French Sky Blue #75B0FF

Jewel Tones palette 1 Open in generator Preview Recolor

Turquoise #00C2AA Caribbean Blue #00C2E1 Malibu Blue #00ABD7 Adamantine Blue #48ACFF Kitten’s Eye #85A2FF

Jewel Tones palette 2 Open in generator Preview Recolor

Minstrel of the Woods #058A00 Bluish Green #00A274 Pristine Oceanic #00C8BC Caribbean Blue #00C2E3 Shovel Knight #48C6FF

Jewel Tones palette 3 Open in generator Preview Recolor

Use it

Put palette 1 to work

The three roles applied: this vignette is rendered from palette 1, not a mockup.

Text and headings: Free Speech Aquamarine #00A176

Because the darkest tone holds contrast on light surfaces.
Large surfaces: Swimmers Pool #00C8BE

Because the palest tone covers backgrounds without shouting.
The accent: Lynx Screen Blue #00B3F3

Because the most saturated color earns the buttons and highlights.

Explore

Explore these colors

FAQ

Common questions

How do I use a jewel tones palette?: Use the darkest tone for text, the palest for large surfaces, and the most saturated color as the accent. Click any swatch to copy its hex, or open a palette in the generator to adjust it.
Are these real named colors?: Every swatch links to its closest curated color page, with codes, tints and shades, palettes, and contrast data.
Can I export a palette?: Yes. Open it in the generator for CSS, Tailwind, SCSS, SwiftUI, Android, and JSON exports, plus a shareable link.

Generate more jewel tones palettes with locked colors and full exports.