Spring Color Palette

Updated April 17, 2026

A fresh spring color palette — cherry blossom pink, soft green, sky blue, and daffodil yellow. Hex codes for bright, optimistic designs.

The Spring Palette

• Cherry Blossom #FCE7F3 rgb(252, 231, 243) hsl(326, 78%, 95%)
• Soft Pink #FBCFE8 rgb(251, 207, 232) hsl(326, 85%, 90%)
• Fresh Leaf #BBF7D0 rgb(187, 247, 208) hsl(141, 79%, 85%)
• Spring Green #86EFAC rgb(134, 239, 172) hsl(142, 77%, 73%)
• Daffodil #FDE68A rgb(253, 230, 138) hsl(48, 97%, 77%)
• Spring Sky #93C5FD rgb(147, 197, 253) hsl(212, 96%, 78%)

Hex Codes at a Glance

#FCE7F3, #FBCFE8, #BBF7D0, #86EFAC, #FDE68A, #93C5FD

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