Back to palettes

Palette

Sakura Bloom Spring

Delicate pinks and purples evoking the transient beauty of cherry blossoms in full bloom during springtime.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sakura Bloom Spring 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 Sakura Bloom Spring.

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

Data visualization

#FFC0CB#FFB6C1#F08080#DDA0DD#E6E6FA

Palette guide

How to use Sakura Bloom Spring

Overview

The Sakura Bloom Spring palette (ID: sakura-bloom-spring) captures the transient beauty of cherry blossoms in full bloom, blending delicate pinks and purples. Featuring the iconic #FFC0CB, a soft pastel pink, alongside the slightly warmer #FFB6C1, this palette introduces delightful contrasts with the vibrant coral #F08080 and the enchanting #DDA0DD, a soft lavender. The inclusion of #E6E6FA, a very light lavender, provides an airy, almost neutral base. This collection is ideal for designers seeking a romantic, whimsical, or subtly playful aesthetic, perfect for creating inviting user interfaces, charming brand identities, or expressive digital illustrations that evoke the magic of springtime.

Best used for

  • Romantic novel covers and editorial design
  • Whimsical event invitations and decor
  • Feminine fashion accessories branding
  • Spring-themed app interfaces and web designs
  • Children's storybook illustrations
  • Boutique gift shop packaging

Suggested color roles

primary

#FFC0CB - A quintessential soft pink, ideal for main content areas, large backgrounds, or primary brand elements, setting a gentle and inviting tone.

secondary

#E6E6FA - A very light lavender, perfect for subheadings, subtle dividers, or background textures, providing an airy and calming effect.

accent

#F08080 - A vibrant coral-pink, excellent for high-impact calls-to-action, important links, or small, eye-catching details that need to stand out with warmth.

background

#E6E6FA - This exceptionally light lavender provides a clean, ethereal canvas, ensuring content readability and contributing to a tranquil and spacious design.

text

For optimal readability, use a dark charcoal or black for primary text. For secondary text or decorative elements, a very dark version of #DDA0DD or #F08080 can offer a softer, yet legible, alternative.

Accessibility notes

  • The lightest shades like #E6E6FA and #FFC0CB are generally too light for body text on light backgrounds; always use darker colors.
  • Ensure #F08080 and #DDA0DD have sufficient contrast with background colors if used for interactive elements or important text.
  • Use a contrast checker tool to verify WCAG compliance for all text and interactive elements.
  • Provide clear visual feedback for interactive states, as subtle color changes might be missed within this soft palette.

Recommended combinations

Whimsical Bloom

Creates a dreamy, harmonious blend, ideal for backgrounds, headers, or informational sections in a romantic design.

#E6E6FA · #FFC0CB · #DDA0DD

Vibrant Spring

Excellent for drawing attention to key elements, buttons, or illustrations where a touch of lively, warm color is desired.

#FFB6C1 · #F08080 · #FFC0CB

Soft Contrast

Suitable for creating elegant headers, footers, or subtle branding elements that require a balanced visual hierarchy with gentle pops of color.

#E6E6FA · #DDA0DD · #F08080

CSS variables

:root {
  --sakura-bloom-spring-1: #FFC0CB;
  --sakura-bloom-spring-2: #FFB6C1;
  --sakura-bloom-spring-3: #F08080;
  --sakura-bloom-spring-4: #DDA0DD;
  --sakura-bloom-spring-5: #E6E6FA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sakura-bloom-spring": {
        1: "#FFC0CB",
        2: "#FFB6C1",
        3: "#F08080",
        4: "#DDA0DD",
        5: "#E6E6FA",
      }
    }
  }
}

Related searches

spring floral color schemepink and purple pastel paletteromantic cherry blossom colorswhimsical web design palettesoft feminine UI colors

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#FFB6C1
·
Color 3#F08080
·
Color 4#DDA0DD
·
Color 5#E6E6FA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.7:1Fail
1.3:1Fail
1.2:1Fail
2
1.1:1Fail
1.6:1Fail
1.3:1Fail
1.3:1Fail
3
1.7:1Fail
1.6:1Fail
1.3:1Fail
2.1:1Fail
4
1.3:1Fail
1.3:1Fail
1.3:1Fail
1.7:1Fail
5
1.2:1Fail
1.3:1Fail
2.1:1Fail
1.7:1Fail

Similar palettes

More like Sakura Bloom Spring

View all pastel
Cherry Blossom Mist
Sakura Blossom Dawn
Sakura Petal Whisper
Sakura Pink Dew
Spring Cherry Blossom
Spring Cherry Pastel