Back to palettes

Palette

Cherry Blossom Dream

A delicate, dreamy palette of pinks and soft purples, like cherry blossoms fluttering in a gentle breeze.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cherry Blossom Dream reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Cherry Blossom Dream.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#F0FFF0#FFC0CB#EE82EE#DA70D6#C71585

Palette guide

How to use Cherry Blossom Dream

Overview

The Cherry Blossom Dream palette is a delicate, dreamy blend of pinks and soft purples, like blossoms fluttering in a gentle breeze. Featuring the fresh #F0FFF0, classic #FFC0CB, and vibrant #EE82EE, it expands into the rich #DA70D6 and deep #C71585. This palette is perfect for designers aiming to evoke a whimsical, romantic, and playful mood. Ideal for creative branding, digital art, or user interfaces that require a soft yet dynamic aesthetic, ensuring a captivating and imaginative user experience across diverse design elements.

Best used for

  • Fantasy-themed digital art
  • Children's storybook illustrations
  • Creative branding for boutiques
  • Whimsical wedding decor
  • Playful beauty product packaging
  • Feminine tech interfaces

Suggested color roles

primary

#FFC0CB - A classic cherry blossom pink, ideal for main branding elements, headers, or primary UI components to establish a soft tone.

secondary

#EE82EE - A vibrant violet that offers a playful contrast, perfect for subheadings, secondary buttons, or accentuating graphics.

accent

#C71585 - A deep, rich fuchsia that provides strong visual impact, excellent for calls-to-action, important icons, or dramatic highlights.

background

#F0FFF0 - An airy, almost pure white with a hint of green, providing a clean, fresh canvas that enhances readability and lightness.

text

A deep, rich charcoal grey ensures optimal readability and a sophisticated contrast against the lighter shades, avoiding harshness.

Accessibility notes

  • Ensure sufficient contrast when using #C71585 or #DA70D6 for text on very light backgrounds like #F0FFF0.
  • Avoid using #FFC0CB for small text on #F0FFF0 due to low contrast; consider larger font sizes or bolder weights.
  • For body text, a dark grey or black on #F0FFF0 will offer the best readability.
  • Reserve #F0FFF0 for backgrounds or large decorative elements, not critical informational text when pairing with light colors.

Recommended combinations

Dreamy Base

Create light, ethereal backgrounds and subtle UI layers, with #EE82EE providing a gentle pop of color.

#F0FFF0 · #FFC0CB · #EE82EE

Vibrant Play

Ideal for a dynamic, playful look, using #FFC0CB as a base, #DA70D6 for main content, and #C71585 for impactful highlights.

#FFC0CB · #DA70D6 · #C71585

Blossom & Berry

Excellent for creating visual interest in illustrations or complex UI components, blending soft green-white with vibrant purples.

#F0FFF0 · #EE82EE · #C71585

CSS variables

:root {
  --cherry-blossom-dream-1: #F0FFF0;
  --cherry-blossom-dream-2: #FFC0CB;
  --cherry-blossom-dream-3: #EE82EE;
  --cherry-blossom-dream-4: #DA70D6;
  --cherry-blossom-dream-5: #C71585;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cherry-blossom-dream": {
        1: "#F0FFF0",
        2: "#FFC0CB",
        3: "#EE82EE",
        4: "#DA70D6",
        5: "#C71585",
      }
    }
  }
}

Related searches

pink and purple palettewhimsical spring colorsdreamy floral schemeplayful pastel designromantic fuchsia tones

Palette colors

Hex values

Color 1#F0FFF0
·
Color 2#FFC0CB
·
Color 3#EE82EE
·
Color 4#DA70D6
·
Color 5#C71585
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.2:1Fail
2.8:1Fail
5.2:1AA
2
1.5:1Fail
1.5:1Fail
1.9:1Fail
3.5:1AA18
3
2.2:1Fail
1.5:1Fail
1.2:1Fail
2.3:1Fail
4
2.8:1Fail
1.9:1Fail
1.2:1Fail
1.9:1Fail
5
5.2:1AA
3.5:1AA18
2.3:1Fail
1.9:1Fail

Similar palettes

More like Cherry Blossom Dream

View all pastel
Cherry Blossom Cloud
Orchard Blossom Pink
Orchid Dewdrop Pink
Sakura Petal Breeze
Sugared Petals Bloom
Sweet Peony Petals