Valentine's Day Color Palette

Updated April 17, 2026

A sweet Valentine's Day color palette — rose, blush, cherry red, and dusky plum. Hex codes for romantic, heartfelt designs.

The Valentine's Day Palette

• Whisper Pink #FFEFF4 rgb(255, 239, 244) hsl(341, 100%, 97%)
• Blush #F8BBD0 rgb(248, 187, 208) hsl(339, 81%, 85%)
• Rose #EC407A rgb(236, 64, 122) hsl(340, 82%, 59%)
• Cherry #C2185B rgb(194, 24, 91) hsl(336, 78%, 43%)
• Dusky Plum #880E4F rgb(136, 14, 79) hsl(328, 81%, 29%)
• Velvet Wine #3E0315 rgb(62, 3, 21) hsl(342, 91%, 13%)

Hex Codes at a Glance

#FFEFF4, #F8BBD0, #EC407A, #C2185B, #880E4F, #3E0315

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 valentine's day 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.