Lavender Field Color Palette

Name: Lavender Field Color Palette
Creator: PhotoTones
Published: 2026-04-17T00:00:00Z
License: https://creativecommons.org/licenses/by/4.0/
Keywords: lavender color palette, provence color palette, purple garden palette

Updated July 24, 2026

A serene lavender field color palette — soft purple, sage, sky blue, and golden wheat. Hex codes for wellness, Provence, and garden designs.

A lavender field color palette captures Lavender Mist, Soft Lavender, French Lavender, and 3 more coordinated tones — ready-to-copy hex codes for web design, branding, UI themes, and creative projects.

Lavender field rows — Photo by Léonard Cotte on Unsplash

The Lavender Field Palette

Lavender Mist #F3E8FF rgb(243, 232, 255) hsl(269, 100%, 95%)
Soft Lavender #C4B5FD rgb(196, 181, 253) hsl(252, 95%, 85%)
French Lavender #A78BFA rgb(167, 139, 250) hsl(255, 92%, 76%)
Deep Lavender #7C3AED rgb(124, 58, 237) hsl(262, 83%, 58%)
Provence Sage #A3B18A rgb(163, 177, 138) hsl(82, 20%, 62%)
Golden Wheat #FCD34D rgb(252, 211, 77) hsl(46, 97%, 65%)

Use this palette

Copy all hex codes or build a custom palette from your own photo in under 1 second.

Build from your photo

Hex Codes at a Glance

#F3E8FF, #C4B5FD, #A78BFA, #7C3AED, #A3B18A, #FCD34D

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, plus brand kit ZIPs with design tokens and Figma JSON.

Build Your Own Palette

This lavender field 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.

Related Palettes

Frequently Asked Questions

What hex codes are in a lavender field color palette?

This lavender field palette includes #F3E8FF, #C4B5FD, #A78BFA, #7C3AED, #A3B18A, #FCD34D. Copy any hex directly for CSS, Figma, Tailwind, or mood board projects.

How do I use a lavender field palette in web design?

Use vibrant tones for primary actions, muted tones for backgrounds, and dark tones for text. Upload your own lavender field-inspired photo to PhotoTones to extract a custom palette in under 1 second.

Can I build a custom lavender field palette from my own photo?

Yes. Open phototones.com, upload a lavender field-inspired image, and click Generate Color Palette. PhotoTones extracts up to 6 colors free (12 on Pro) — entirely in your browser with no upload.