Minimalist Color Palette

Updated April 17, 2026

A clean minimalist color palette — paper white, soft grey, charcoal, and accent blue. Hex codes for modern, editorial, and product designs.

The Minimalist Palette

• Paper #FAFAF9 rgb(250, 250, 249) hsl(60, 9%, 98%)
• Soft Grey #E7E5E4 rgb(231, 229, 228) hsl(20, 6%, 90%)
• Stone #A8A29E rgb(168, 162, 158) hsl(24, 5%, 64%)
• Slate #57534E rgb(87, 83, 78) hsl(33, 5%, 32%)
• Charcoal #1C1917 rgb(28, 25, 23) hsl(24, 10%, 10%)
• Accent Blue #2563EB rgb(37, 99, 235) hsl(221, 83%, 53%)

Hex Codes at a Glance

#FAFAF9, #E7E5E4, #A8A29E, #57534E, #1C1917, #2563EB

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 minimalist 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.