Mountain Color Palette
A majestic mountain color palette — granite grey, pine green, snow white, and sky blue. Hex codes for outdoor, adventure, and natural brand designs.
The Mountain Palette
- Glacier #F1F5F9 rgb(241, 245, 249) hsl(210, 40%, 96%)
- Granite #94A3B8 rgb(148, 163, 184) hsl(215, 20%, 65%)
- Shale #475569 rgb(71, 85, 105) hsl(215, 19%, 35%)
- Storm #1E293B rgb(30, 41, 59) hsl(217, 33%, 17%)
- Pine #14532D rgb(20, 83, 45) hsl(144, 61%, 20%)
- Ridge Brown #7C2D12 rgb(124, 45, 18) hsl(15, 75%, 28%)
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
#F1F5F9, #94A3B8, #475569, #1E293B, #14532D, #7C2D12
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 mountain 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.