Palette

Sakura Evening Blush

Delicate, romantic pinks from pale to rosy, capturing the soft blush of sakura petals at twilight.

PastelCalm5 colors

More Pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sakura Evening Blush 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 Evening Blush.

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

Data visualization

#FDEBF2#F2CCD8#E69FB8#D97CA0#CC5986

Palette guide

How to use Sakura Evening Blush

Overview

The Sakura Evening Blush palette captures the romantic essence of cherry blossoms at twilight, transitioning from delicate pale pinks to deeper, rich rose tones. It features the ethereal #FDEBF2, the gentle #F2CCD8, the elegant #E69FB8, the vibrant #D97CA0, and the sophisticated #CC5986. This collection is perfect for designers and developers aiming to create a sense of romance, tenderness, and understated luxury. The harmonious progression of shades offers excellent versatility for various applications, from digital interfaces to print materials, ensuring a cohesive and inviting visual experience.

Best used for

Romantic e-commerce sites for lingerie or gifts
Luxury wedding and engagement photography
Feminine branding for fashion or cosmetics
Twilight-themed digital illustrations
Elegant event invitations and decor
Sophisticated UI/UX designs with a romantic touch

Suggested color roles

primary

Use #E69FB8 as a captivating primary for main headings or significant graphical elements, offering a warm, inviting tone.

secondary

Employ #D97CA0 for supporting elements like subheadings or informational panels, adding a touch of vibrant rose.

accent

Reserve #CC5986 for powerful accents, calls-to-action, or important highlights, providing depth and sophistication.

background

Utilize #FDEBF2 or #F2CCD8 for light, airy backgrounds that enhance readability and maintain the palette's gentle mood.

text

For dark text, #CC5986 offers excellent readability on lighter backgrounds. A dark gray or black is suitable for general body copy.

Accessibility notes

Ensure sufficient contrast for text when using lighter pinks like #FDEBF2 or #F2CCD8 as background colors.
Avoid pairing #FDEBF2 with #F2CCD8 for text and background due to low contrast levels.
Use #CC5986 for critical text elements to ensure readability against lighter palette shades.
Validate color combinations for interactive elements to meet WCAG AA standards, especially for buttons and links.

Recommended combinations

Twilight Glow

Ideal for soft gradients in hero sections or layered backgrounds, creating a gentle, romantic flow.

#FDEBF2 · #F2CCD8 · #E69FB8

Blush Depth

Effective for main content blocks, with #CC5986 for headings and #D97CA0 for supportive graphics.

#F2CCD8 · #D97CA0 · #CC5986

Romantic Contrast

Perfect for high-contrast UI elements, where #CC5986 provides strong calls-to-action against a light backdrop.

#FDEBF2 · #D97CA0 · #CC5986

CSS variables

:root {
  --sakura-evening-blush-1: #FDEBF2;
  --sakura-evening-blush-2: #F2CCD8;
  --sakura-evening-blush-3: #E69FB8;
  --sakura-evening-blush-4: #D97CA0;
  --sakura-evening-blush-5: #CC5986;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sakura-evening-blush": {
        1: "#FDEBF2",
        2: "#F2CCD8",
        3: "#E69FB8",
        4: "#D97CA0",
        5: "#CC5986",
      }
    }
  }
}

Hex values

Color 1#FDEBF2

Color 2#F2CCD8

Color 3#E69FB8

Color 4#D97CA0

Color 5#CC5986

Accessibility

Contrast checker

1.3:1Fail

1.8:1Fail

2.5:1Fail

3.4:1AA18

1.3:1Fail

1.4:1Fail

2:1Fail

2.7:1Fail

1.8:1Fail

1.4:1Fail

1.9:1Fail

2.5:1Fail

2:1Fail

1.4:1Fail

3.4:1AA18

2.7:1Fail

1.9:1Fail

1.4:1Fail

Similar palettes

More like Sakura Evening Blush

Sakura Evening Blush

See it in context.

Ready when you are.

Built with Sakura Evening Blush.

How to use Sakura Evening Blush

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Twilight Glow

Blush Depth

Romantic Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Sakura Evening Blush