Earth Tone Color Palette
A grounded earth tone color palette — clay, moss, ochre, terracotta, and stone. Hex codes for organic, natural, and boho designs.
The Earth Tone Palette
- Linen #FAEDCD rgb(250, 237, 205) hsl(43, 82%, 89%)
- Clay #D4A373 rgb(212, 163, 115) hsl(30, 53%, 64%)
- Sage #CCD5AE rgb(204, 213, 174) hsl(74, 32%, 76%)
- Pale Moss #E9EDC9 rgb(233, 237, 201) hsl(67, 50%, 86%)
- Terracotta #BC6C25 rgb(188, 108, 37) hsl(28, 67%, 44%)
- Deep Moss #606C38 rgb(96, 108, 56) hsl(74, 32%, 32%)
Want a custom palette from your own photo?
PhotoTones extracts hex codes from any image in under a second — free and private.
Open the Color Palette from Image GeneratorHex Codes at a Glance
#FAEDCD, #D4A373, #CCD5AE, #E9EDC9, #BC6C25, #606C38
How to Use This Palette
- In CSS: Paste each hex into your
:rootcustom properties or directly intobackground-color/colordeclarations. - 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.jsfile insidetheme.extend.colors, then use classes likebg-palette-500. - In Procreate or Photoshop: Create a new swatch set and paste each hex value. PhotoTones Pro exports ready-to-import
.swatchesand.asefiles.
Build Your Own Palette
This earth tone 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.