Cherry Blossom Color Palette
A delicate cherry blossom color palette — petal pink, blush, soft blue sky, and twig brown. Hex codes for spring and Japanese-inspired designs.
The Cherry Blossom Palette
- Petal White #FFF5F7 rgb(255, 245, 247) hsl(348, 100%, 98%)
- Cherry Blossom #FBCFE8 rgb(251, 207, 232) hsl(326, 85%, 90%)
- Sakura Pink #F9A8D4 rgb(249, 168, 212) hsl(327, 87%, 82%)
- Deep Bloom #BE185D rgb(190, 24, 93) hsl(335, 78%, 42%)
- Soft Sky #93C5FD rgb(147, 197, 253) hsl(212, 96%, 78%)
- Twig Brown #78350F rgb(120, 53, 15) hsl(22, 78%, 26%)
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
#FFF5F7, #FBCFE8, #F9A8D4, #BE185D, #93C5FD, #78350F
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 cherry blossom 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.