Palette

Sakura Lantern Glow

Soft pinks and warm blushes reminiscent of cherry blossoms illuminated by the gentle glow of paper lanterns.

pastelcalm5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sakura Lantern Glow 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 Lantern Glow.

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

Data visualization

#A24D63#CF7E98#F7BACF#FBE0E8#FFF5F7

Palette guide

How to use Sakura Lantern Glow

Overview

The Sakura Lantern Glow palette is a delicate and warm collection, perfectly capturing the soft, ambient light of lanterns illuminating cherry blossoms at dusk. This scheme features a rich #A24D63, a comforting #CF7E98, and a luminous #F7BACF. The lighter tones, #FBE0E8 and #FFF5F7, provide an ethereal glow, creating a sense of tranquility and gentle romance. It's a harmonious blend of muted and soft pinks, ideal for designs that aim for a gentle, inviting, and subtly magical atmosphere. This palette excels in conveying warmth and softness without being overly vibrant, making it highly versatile for sensitive design applications.

Best used for

Romantic wedding themes and invitations
Cozy home decor and textile designs
Spa and wellness branding
Soft feminine fashion collections
Gentle children's book illustrations
Relaxing digital interface designs

Suggested color roles

primary

#CF7E98 (Blush Petal) serves as a welcoming primary color, ideal for main sections or brand identity.

secondary

#A24D63 (Deep Rose) provides a more grounded, sophisticated tone for accents or important headings.

accent

#F7BACF (Soft Glow Pink) acts as a delicate highlight, perfect for interactive elements or subtle background textures.

background

#FFF5F7 (Whisper White) offers an almost-white, ethereal canvas, allowing other colors to softly emerge.

text

For body text on light backgrounds, a soft charcoal or medium grey (e.g., #4A4A4A) is recommended. For headings or important calls to action, #A24D63 provides excellent contrast and elegance.

Accessibility notes

Ensure sufficient contrast between text and background, especially when using #FBE0E8 or #FFF5F7 as backgrounds.
The deepest shade, #A24D63, is best for text on very light backgrounds like #FFF5F7 to meet contrast requirements.
Avoid using #FBE0E8 for small text; it works better for larger headlines or background elements.
Use a clear, legible font and sufficient line height to enhance readability with lighter color pairings.

Recommended combinations

Dusk Glow

Creates a sophisticated, glowing effect, suitable for branding, hero images, or elegant UI elements.

#A24D63 · #F7BACF · #FFF5F7

Soft Petals

Ideal for delicate patterns, background textures, or a gentle, inviting color scheme for content blocks.

#CF7E98 · #FBE0E8 · #FFF5F7

Lantern Radiance

Use for progressive disclosure, gradient effects, or to add depth to illustrations and infographics.

#A24D63 · #CF7E98 · #F7BACF

CSS variables

:root {
  --sakura-lantern-glow-1: #A24D63;
  --sakura-lantern-glow-2: #CF7E98;
  --sakura-lantern-glow-3: #F7BACF;
  --sakura-lantern-glow-4: #FBE0E8;
  --sakura-lantern-glow-5: #FFF5F7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sakura-lantern-glow": {
        1: "#A24D63",
        2: "#CF7E98",
        3: "#F7BACF",
        4: "#FBE0E8",
        5: "#FFF5F7",
      }
    }
  }
}

Hex values

Color 1#A24D63

Color 2#CF7E98

Color 3#F7BACF

Color 4#FBE0E8

Color 5#FFF5F7

Accessibility

Contrast checker

1.9:1Fail

3.4:1AA18

4.5:1AA18

5.2:1AA

1.9:1Fail

1.8:1Fail

2.4:1Fail

2.8:1Fail

3.4:1AA18

1.8:1Fail

1.3:1Fail

1.5:1Fail

4.5:1AA18

2.4:1Fail

1.3:1Fail

1.2:1Fail

5.2:1AA

2.8:1Fail

1.5:1Fail

1.2:1Fail

Similar palettes

More like Sakura Lantern Glow

View all pastel

Cherry Blossom Breeze

Morning Petal Flush

Sakura Blossom Haze

Sakura Petal Breeze

Cherry Bloom Serenity

Cherry Blossom Bloom