Back to palettes

Palette

Sakura Blossom Dawn

Delicate pinks and soft creams capture the fleeting beauty of cherry blossoms bathed in the tender light of dawn.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sakura Blossom Dawn 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 Blossom Dawn.

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

Data visualization

#FADADD#FFC0CB#FFB6C1#FFDAB9#FFE4E1

Palette guide

How to use Sakura Blossom Dawn

Overview

The Sakura Blossom Dawn palette (ID: sakura-blossom-dawn-2) captures the fleeting beauty of cherry blossoms bathed in the tender light of dawn, offering delicate pinks and soft creams. Featuring the gentle #FADADD and the classic #FFC0CB, it evokes a serene morning glow. The slightly warmer #FFB6C1 adds a subtle richness, complemented by the soft peach tones of #FFDAB9. The palette culminates with #FFE4E1, a creamy off-white, providing a clean, airy base. This collection is ideal for designers seeking a fresh, romantic, or subtly warm aesthetic. It's perfect for creating inviting user interfaces, charming brand identities, or delightful digital illustrations that celebrate new beginnings and gentle moments.

Best used for

  • Wedding and bridal stationery
  • Baby shower invitations and decor
  • Feminine beauty product packaging
  • Spring-themed website designs
  • Delicate UI for lifestyle or wellness apps
  • Digital art and illustration with a soft glow

Suggested color roles

primary

#FFC0CB - A classic, soft pink, ideal for main calls-to-action, prominent headings, or hero sections, establishing a gentle and inviting tone.

secondary

#FFB6C1 - A slightly warmer pink, excellent for subheadings, active states, or background elements that need to feel gentle and supportive.

accent

#FADADD - While a lighter pink, its subtle difference makes it suitable for soft accents, borders, or hover states where a delicate touch is preferred.

background

#FFE4E1 - A creamy off-white, providing a clean, airy canvas for content, ensuring readability and a soft, luminous overall aesthetic.

text

For optimal readability, use a dark charcoal or black for primary text on light backgrounds. For secondary text or decorative elements, a very dark version of #FFB6C1 can offer a subtle, yet legible, alternative.

Accessibility notes

  • The lightest shades like #FFE4E1, #FFDAB9, and #FADADD are generally unsuitable for body text on light backgrounds due to low contrast.
  • Ensure #FFC0CB and #FFB6C1 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

Dawn Glow

Creates an ethereal, luminous feel, ideal for soft backgrounds, subtle overlays, or delicate informational sections.

#FFE4E1 · #FADADD · #FFDAB9

Blossom Softness

Excellent for subtly highlighting key information, form fields, or secondary calls-to-action without harsh contrasts.

#FFC0CB · #FFB6C1 · #FADADD

Warm Spring

Suitable for creating elegant headers, footers, or subtle branding elements that require a touch of warm, sophisticated depth.

#FFE4E1 · #FFDAB9 · #FFC0CB

CSS variables

:root {
  --sakura-blossom-dawn-2-1: #FADADD;
  --sakura-blossom-dawn-2-2: #FFC0CB;
  --sakura-blossom-dawn-2-3: #FFB6C1;
  --sakura-blossom-dawn-2-4: #FFDAB9;
  --sakura-blossom-dawn-2-5: #FFE4E1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sakura-blossom-dawn-2": {
        1: "#FADADD",
        2: "#FFC0CB",
        3: "#FFB6C1",
        4: "#FFDAB9",
        5: "#FFE4E1",
      }
    }
  }
}

Related searches

sakura morning palettepastel peach and pink colorsdawn inspired color schemeromantic spring web designsoft bridal palette

Palette colors

Hex values

Color 1#FADADD
·
Color 2#FFC0CB
·
Color 3#FFB6C1
·
Color 4#FFDAB9
·
Color 5#FFE4E1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.3:1Fail
1:1Fail
1.1:1Fail
2
1.2:1Fail
1.1:1Fail
1.2:1Fail
1.3:1Fail
3
1.3:1Fail
1.1:1Fail
1.3:1Fail
1.4:1Fail
4
1:1Fail
1.2:1Fail
1.3:1Fail
1.1:1Fail
5
1.1:1Fail
1.3:1Fail
1.4:1Fail
1.1:1Fail

Similar palettes

More like Sakura Blossom Dawn

View all pastel
Cherry Blossom Blush
Sakura Bloom Echo
Sakura Breeze Petals
Sakura Petal Glide
Cherry Bloom Whisper
Cherry Blossom Bloom