TXT · Text & Data tools

Jewel Tones Color Palette Generator

Space — generate · Shift+Space — refine · Click a value to copy

Go to full Color Palette Generator

Saturated Gemstone Hues

Jewel tones rely on high saturation and reduced lightness to mimic the deep, reflective qualities of precious stones like emeralds, sapphires, and rubies. This preset restricts the math to those specific parameters, outputting heavy, dramatic triads that avoid looking pastel or washed out. The resulting schemes carry visual weight, making them suitable for dark mode interfaces or moody branding.

Pinning and Extraction

Whenever you see a color that anchors your scheme, pin it in place. Hitting the space key will rotate the remaining unlocked slots through new triad configurations without touching your locked choices. If the current combination is close but not quite right, hold shift while pressing space to slightly shift the hues while maintaining the same dense saturation.

Output Formats

Clicking the alphanumeric value on any swatch grabs the hex code for immediate pasting. When you have a complete five-color arrangement, the export menu bundles the entire set into a block of CSS variables or a JSON array. You can also click the external link icon on any individual stone to immediately derive a full ten-step lightness ramp from it.

Frequently Asked Questions

Deep, richly saturated colors named after gemstones: emerald green, sapphire blue, ruby red, amethyst purple. The preset uses a triad spread at low lightness for that depth.

Yes. A locked swatch is held fixed, so the next generate only rerolls the unlocked colors.

Click a swatch for its hex, or use the export menu for CSS variables, a HEX list, or JSON.

Yes. Each swatch opens in the shade generator for a full tint-and-shade ramp.

Yes. Colors are generated in your browser with nothing uploaded.

Jumpstart your design with a preset

Full Color Palette Generator tool

Explore Our Tools

Browse all tools