Emerald Jewel Color Palette

Updated April 17, 2026

A rich emerald jewel color palette — emerald green, jade, sapphire, ruby, and gold. Hex codes for luxurious, jewel-toned, and editorial designs.

The Emerald Jewel Palette

• Soft Gold #F7E7CE rgb(247, 231, 206) hsl(37, 72%, 89%)
• Antique Gold #D4AF37 rgb(212, 175, 55) hsl(46, 65%, 52%)
• Emerald #046307 rgb(4, 99, 7) hsl(122, 92%, 20%)
• Jade #00A86B rgb(0, 168, 107) hsl(158, 100%, 33%)
• Sapphire #1B3A6B rgb(27, 58, 107) hsl(217, 60%, 26%)
• Ruby #9B111E rgb(155, 17, 30) hsl(354, 80%, 34%)

Hex Codes at a Glance

#F7E7CE, #D4AF37, #046307, #00A86B, #1B3A6B, #9B111E

How to Use This Palette

• In CSS: Paste each hex into your :root custom properties or directly into background-color / color declarations.
• In Figma or Sketch: Copy the hex into any fill or stroke color field. Save each color to your local style library for reuse across frames.
• In Tailwind CSS: Add each hex to your tailwind.config.js file inside theme.extend.colors, then use classes like bg-palette-500.
• In Procreate or Photoshop: Create a new swatch set and paste each hex value. PhotoTones Pro exports ready-to-import .swatches and .ase files.

Build Your Own Palette

This emerald jewel palette is one of many themed palettes in the PhotoTones gallery. To build a palette from your own photo, use the free PhotoTones color palette from image generator — it extracts up to 12 hex codes per image in under a second, entirely in your browser. No signup required.