Monochrome Color Palette
A refined monochrome color palette — from pure white through stone, graphite, to jet black. Hex codes for editorial, fashion, and sleek UI.
The Monochrome Palette
- Pure White #FFFFFF rgb(255, 255, 255) hsl(0, 0%, 100%)
- Soft Grey #E5E5E5 rgb(229, 229, 229) hsl(0, 0%, 90%)
- Concrete #A3A3A3 rgb(163, 163, 163) hsl(0, 0%, 64%)
- Graphite #525252 rgb(82, 82, 82) hsl(0, 0%, 32%)
- Charcoal #262626 rgb(38, 38, 38) hsl(0, 0%, 15%)
- Jet Black #0A0A0A rgb(10, 10, 10) hsl(0, 0%, 4%)
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
#FFFFFF, #E5E5E5, #A3A3A3, #525252, #262626, #0A0A0A
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 monochrome 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.