Palette

Cherry Blossom Festival

A delicate and joyful palette reflecting the fleeting beauty of cherry blossoms in full bloom during a spring festival.

pastelplayful5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cherry Blossom Festival 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 Festival.

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

Data visualization

#FFC0CB#FFB6C1#FF69B4#DB7093#CD5C5C

Palette guide

How to use Cherry Blossom Festival

Overview

The Cherry Blossom Festival palette is a delicate and joyful collection, reflecting the fleeting beauty of cherry blossoms in full bloom. Featuring classic #FFC0CB, #FFB6C1, and the vibrant #FF69B4, it expands with the rich #DB7093 and deep #CD5C5C. This palette offers a dynamic range of pinks and soft reds, perfect for designers aiming to evoke feelings of celebration, romance, and vibrancy. Ideal for festive branding, digital art, or user interfaces where a lively yet gentle aesthetic is desired, ensuring a captivating user experience across diverse design elements.

Best used for

Spring festival branding and marketing
Romantic event invitations
Feminine fashion and beauty campaigns
Party supplies and decor
Dynamic digital illustrations
Youth-oriented websites

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

#FFB6C1 - A slightly lighter pink that supports the primary, perfect for subheadings, secondary buttons, or accentuating graphics.

accent

#FF69B4 - A vibrant hot pink that provides strong visual impact, excellent for calls-to-action, important icons, or dramatic highlights.

background

A near-white or very light grey provides a clean, neutral canvas, allowing the vibrant pinks to pop without visual clutter.

text

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

Accessibility notes

Ensure sufficient contrast when using #CD5C5C or #DB7093 for text on very light backgrounds.
Avoid using #FFC0CB or #FFB6C1 for small text on light backgrounds due to low contrast; consider larger font sizes or bolder weights.
For body text, a dark grey or black on a neutral background will offer the best readability.
Reserve the lightest pinks for backgrounds or large decorative elements, not critical informational text.

Recommended combinations

Festival Bloom

Create a harmonious blend for backgrounds or UI elements, with #DB7093 adding depth and warmth.

#FFC0CB · #FFB6C1 · #DB7093

Vibrant Celebration

Ideal for dynamic, playful accents, using #FF69B4 for main highlights and #CD5C5C for deeper emphasis.

#FFB6C1 · #FF69B4 · #CD5C5C

Joyful Contrast

Excellent for creating visual interest in illustrations or complex UI components, blending soft pinks with vibrant reds.

#FFC0CB · #FF69B4 · #CD5C5C

CSS variables

:root {
  --cherry-blossom-festival-1: #FFC0CB;
  --cherry-blossom-festival-2: #FFB6C1;
  --cherry-blossom-festival-3: #FF69B4;
  --cherry-blossom-festival-4: #DB7093;
  --cherry-blossom-festival-5: #CD5C5C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cherry-blossom-festival": {
        1: "#FFC0CB",
        2: "#FFB6C1",
        3: "#FF69B4",
        4: "#DB7093",
        5: "#CD5C5C",
      }
    }
  }
}

Hex values

Color 1#FFC0CB

Color 2#FFB6C1

Color 3#FF69B4

Color 4#DB7093

Color 5#CD5C5C

Accessibility

Contrast checker

1.1:1Fail

1.7:1Fail

2:1Fail

2.6:1Fail

1.1:1Fail

1.6:1Fail

1.9:1Fail

2.4:1Fail

1.7:1Fail

1.6:1Fail

1.2:1Fail

1.5:1Fail

2:1Fail

1.9:1Fail

1.2:1Fail

1.3:1Fail

2.6:1Fail

2.4:1Fail

1.5:1Fail

1.3:1Fail

Similar palettes

More like Cherry Blossom Festival

View all pastel

Sakura Bloom Festival