Impressionist Color Palette
A painterly impressionist color palette — water-lily violet, sky wash, buttercup, and shadowed green. Hex codes for artistic, editorial designs.
The Impressionist Palette
- Canvas #F2E8E2 rgb(242, 232, 226) hsl(23, 38%, 92%)
- Buttercup #FFDE7D rgb(255, 222, 125) hsl(45, 100%, 75%)
- Rose Lily #F49AC2 rgb(244, 154, 194) hsl(333, 80%, 78%)
- Water Violet #9B5DE5 rgb(155, 93, 229) hsl(267, 72%, 63%)
- Misty Teal #5D737E rgb(93, 115, 126) hsl(200, 15%, 43%)
- Garden Shadow #3A5A40 rgb(58, 90, 64) hsl(131, 22%, 29%)
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
#F2E8E2, #FFDE7D, #F49AC2, #9B5DE5, #5D737E, #3A5A40
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 impressionist 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.