Back to palettes

Palette

Cherry Blossom Dusk

Delicate, muted pinks capturing the gentle beauty of cherry blossoms at twilight.

pastelelegant5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FDEBF2#FBCDE2#F0A0C0#DB7FA8#C46E90

Palette guide

How to use Cherry Blossom Dusk

Overview

The Cherry Blossom Dusk palette captures the gentle beauty of cherry blossoms at twilight with delicate, muted pinks. From the soft #FDEBF2 to the deeper #C46E90, and including #FBCDE2, #F0A0C0, and #DB7FA8, this palette offers a sophisticated gradient of rose tones. It's an excellent choice for designers seeking to evoke elegance, serenity, and a touch of romance. Ideal for refined branding, digital art, or user interfaces where a sophisticated, inviting, and graceful aesthetic is desired, ensuring a comforting user experience across diverse design elements.

Best used for

  • Elegant evening wear branding
  • Luxury wedding designs
  • Sophisticated cosmetic packaging
  • Romantic restaurant or cafe branding
  • Gentle digital illustrations
  • Feminine lifestyle websites

Suggested color roles

primary

#F0A0C0 - A balanced mid-pink, excellent for primary branding elements, headers, or main content blocks, offering soft prominence.

secondary

#FBCDE2 - A lighter, supportive pink ideal for subheadings, background textures, or secondary UI elements to maintain softness.

accent

#C46E90 - The deepest, most vibrant pink in the palette, perfect for calls-to-action, important icons, or impactful decorative details.

background

#FDEBF2 - The lightest, almost white pink, providing an airy, clean canvas that allows other colors to softly emerge.

text

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

Accessibility notes

  • Ensure sufficient contrast for text when using #C46E90 or #DB7FA8 on very light backgrounds like #FDEBF2.
  • Avoid using #FBCDE2 or #FDEBF2 for small text on near-white backgrounds due to low contrast.
  • For body text, a dark grey or black on #FDEBF2 or #FBCDE2 will offer the best readability.
  • Reserve the lightest shades for backgrounds or large decorative elements, not critical informational text.

Recommended combinations

Twilight Glow

Ideal for subtle background gradients or layered graphic elements, creating a gentle, flowing visual effect.

#FDEBF2 · #FBCDE2 · #F0A0C0

Elegant Contrast

Use #FDEBF2 as a clean background, #F0A0C0 for main content, and #C46E90 for impactful calls-to-action or highlights.

#FDEBF2 · #F0A0C0 · #C46E90

Dusk Depth

Excellent for creating visual depth in illustrations or complex UI components, progressing from soft to deep pink.

#FBCDE2 · #DB7FA8 · #C46E90

CSS variables

:root {
  --cherry-blossom-dusk-1: #FDEBF2;
  --cherry-blossom-dusk-2: #FBCDE2;
  --cherry-blossom-dusk-3: #F0A0C0;
  --cherry-blossom-dusk-4: #DB7FA8;
  --cherry-blossom-dusk-5: #C46E90;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cherry-blossom-dusk": {
        1: "#FDEBF2",
        2: "#FBCDE2",
        3: "#F0A0C0",
        4: "#DB7FA8",
        5: "#C46E90",
      }
    }
  }
}

Related searches

muted pink color schemeelegant rose paletteromantic twilight colorssophisticated blush tonessakura dusk design

Palette colors

Hex values

Color 1#FDEBF2
·
Color 2#FBCDE2
·
Color 3#F0A0C0
·
Color 4#DB7FA8
·
Color 5#C46E90
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.7:1Fail
2.4:1Fail
3.1:1AA18
2
1.2:1Fail
1.4:1Fail
2:1Fail
2.5:1Fail
3
1.7:1Fail
1.4:1Fail
1.4:1Fail
1.8:1Fail
4
2.4:1Fail
2:1Fail
1.4:1Fail
1.3:1Fail
5
3.1:1AA18
2.5:1Fail
1.8:1Fail
1.3:1Fail

Similar palettes

More like Cherry Blossom Dusk

View all pastel