Back to palettes

Palette

Twilight Bloom Reverie

Gentle and calming, this palette mimics the soft hues of lavender fields under a tranquil evening sky.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Twilight Bloom Reverie 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 Twilight Bloom Reverie.

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

Data visualization

#4E4166#7C678C#A48FB8#C9B2D3#E8DDEE

Palette guide

How to use Twilight Bloom Reverie

Overview

The Twilight Bloom Reverie palette is a gentle and calming collection, perfectly mimicking the soft hues of lavender fields under a tranquil evening sky. This scheme features a range from the anchoring #4E4166 (Deep Lavender-Grey) to the ethereal #E8DDEE (Very Pale Lavender), offering a serene and sophisticated visual experience. With supportive tones like #7C678C (Muted Mauve) and #A48FB8 (Soft Lavender), designers and developers can create harmonious interfaces, soothing branding, or delicate digital art. This palette is genuinely useful for projects aiming to evoke peace, comfort, and understated elegance, making it ideal for wellness, bridal, or soft lifestyle applications.

Best used for

  • Wellness and self-care application interfaces
  • Gentle branding for nurseries or children's products
  • Bridal or wedding design elements
  • Soft home decor themes and textiles
  • Meditation and mindfulness content
  • Artistic photography backdrops

Suggested color roles

primary

Use #4E4166 (Deep Lavender-Grey) as a soft yet anchoring primary color for headers, important text, or grounding elements.

secondary

Apply #7C678C (Muted Mauve) for supportive sections, subheadings, or background textures that add gentle depth.

accent

Introduce #C9B2D3 (Light Lilac) as a delicate highlight for interactive elements, icons, or subtle decorative touches.

background

Employ #E8DDEE (Very Pale Lavender) for expansive, serene backgrounds, allowing other colors to gently emerge.

text

For dark text, use #4E4166 on light backgrounds. For dark backgrounds, white or #E8DDEE ensures good readability.

Accessibility notes

  • Many colors in this palette are close in value; contrast needs careful checking, especially for text.
  • Combinations like #C9B2D3 or #A48FB8 on #E8DDEE will likely fail contrast ratios for small text.
  • Ensure primary text is dark (e.g., #4E4166) on very light backgrounds (e.g., #E8DDEE) for legibility.
  • Utilize #E8DDEE or white for text on darker tones like #4E4166 or #7C678C to maintain readability.

Recommended combinations

Gentle Depth

Establishes a soft hierarchy with an anchoring deep tone, supportive mid-tone, and airy light background.

#4E4166 · #7C678C · #E8DDEE

Soft Gradient

Creates a smooth, calming transition, perfect for subtle visual effects or atmospheric backgrounds.

#7C678C · #A48FB8 · #C9B2D3

Airy Reverie

Combines a grounding dark tone with a delicate highlight and an ethereal light background for a serene feel.

#4E4166 · #C9B2D3 · #E8DDEE

CSS variables

:root {
  --twilight-bloom-reverie-1: #4E4166;
  --twilight-bloom-reverie-2: #7C678C;
  --twilight-bloom-reverie-3: #A48FB8;
  --twilight-bloom-reverie-4: #C9B2D3;
  --twilight-bloom-reverie-5: #E8DDEE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "twilight-bloom-reverie": {
        1: "#4E4166",
        2: "#7C678C",
        3: "#A48FB8",
        4: "#C9B2D3",
        5: "#E8DDEE",
      }
    }
  }
}

Related searches

soft lavender palettetranquil evening colorsgentle purple schemepastel twilight designcalm branding colors

Palette colors

Hex values

Color 1#4E4166
·
Color 2#7C678C
·
Color 3#A48FB8
·
Color 4#C9B2D3
·
Color 5#E8DDEE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.2:1AA18
4.8:1AA
7:1AAA
2
1.8:1Fail
1.7:1Fail
2.6:1Fail
3.8:1AA18
3
3.2:1AA18
1.7:1Fail
1.5:1Fail
2.2:1Fail
4
4.8:1AA
2.6:1Fail
1.5:1Fail
1.5:1Fail
5
7:1AAA
3.8:1AA18
2.2:1Fail
1.5:1Fail

Similar palettes

More like Twilight Bloom Reverie

View all pastel
Lavender Field Dusk
Aura Amethyst Dream
Dreamy Lavender Field
Dreamy Lavender Field
Lavender Bloom Field
Lavender Bloom Morning