Pastel Color Palette

Updated April 17, 2026

A soft pastel color palette — baby pink, mint, butter yellow, and periwinkle. Hex codes for gentle, airy, kid-friendly designs.

The Pastel Palette

• Baby Pink #FCE7F3 rgb(252, 231, 243) hsl(326, 78%, 95%)
• Butter #FEF3C7 rgb(254, 243, 199) hsl(48, 96%, 89%)
• Mint #DCFCE7 rgb(220, 252, 231) hsl(141, 84%, 93%)
• Periwinkle #DBEAFE rgb(219, 234, 254) hsl(214, 95%, 93%)
• Lavender #E9D5FF rgb(233, 213, 255) hsl(269, 100%, 92%)
• Peach #FED7AA rgb(254, 215, 170) hsl(32, 98%, 83%)

Hex Codes at a Glance

#FCE7F3, #FEF3C7, #DCFCE7, #DBEAFE, #E9D5FF, #FED7AA

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