Back to palettes

Palette

Amethyst Sky Bloom

Soft purples and lavenders, like ethereal blossoms under an amethyst-tinged evening sky.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Amethyst Sky Bloom 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 Amethyst Sky Bloom.

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

Data visualization

#E0CEE8#C4AED5#A890BF#8C71AA#6D538F

Palette guide

How to use Amethyst Sky Bloom

Overview

The Amethyst Sky Bloom palette captures the essence of ethereal blossoms under an amethyst-tinged evening sky, offering a calming range of soft purples and lavenders. From the airy `#E0CEE8` to the grounded `#6D538F`, this palette provides designers and developers with a serene yet sophisticated collection of hues. The balanced mid-tones, `#C4AED5`, `#A890BF`, and `#8C71AA`, ensure harmonious transitions, making it ideal for projects seeking to evoke calm, elegance, and natural beauty. Its delicate yet structured nature is perfect for creating serene user experiences and refined visual narratives.

Best used for

  • Wellness and meditation app interfaces
  • Soft and romantic wedding stationery
  • E-commerce for artisanal crafts or textiles
  • Dreamy digital art and illustrations
  • Luxury baby product branding
  • Personal blogs and creative portfolios

Suggested color roles

primary

Use `#8C71AA` as a gentle primary color for headings, main navigation, or subtle branding elements to convey soft elegance.

secondary

Apply `#A890BF` for supporting content blocks, subheadings, or secondary calls to action, maintaining a harmonious flow.

accent

Utilize `#E0CEE8` for delicate highlights, hover states, or subtle background patterns to add an ethereal, airy touch.

background

The lightest shade, `#E0CEE8`, provides a clean, serene canvas. `#C4AED5` can be used for slightly richer, yet still soft, sections.

text

For dark text on light backgrounds, `#6D538F` or a deep charcoal offers excellent readability. For light text on dark backgrounds, use white or `#E0CEE8`.

Accessibility notes

  • Ensure `#6D538F` provides strong contrast for text against `#E0CEE8` and `#C4AED5` backgrounds.
  • Verify contrast ratios for `#8C71AA` and `#A890BF` when used for text against various background colors within the palette.
  • Avoid using `#E0CEE8` for small text on very light backgrounds to prevent legibility issues.
  • Consider using bold font weights for text in mid-tone shades like `#C4AED5` on slightly darker backgrounds like `#A890BF`.

Recommended combinations

Sky Depths

Excellent for creating depth in footers, sidebars, or backgrounds that require a calming, grounded presence.

#6D538F · #8C71AA · #A890BF

Ethereal Bloom

Ideal for soft gradients, clean content areas, or delicate UI elements that evoke calm and lightness.

#E0CEE8 · #C4AED5 · #A890BF

Amethyst Contrast

Suited for balancing deeper tones with light accents, such as calls to action or emphasized text on cards.

#8C71AA · #E0CEE8 · #6D538F

CSS variables

:root {
  --amethyst-sky-bloom-1: #E0CEE8;
  --amethyst-sky-bloom-2: #C4AED5;
  --amethyst-sky-bloom-3: #A890BF;
  --amethyst-sky-bloom-4: #8C71AA;
  --amethyst-sky-bloom-5: #6D538F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "amethyst-sky-bloom": {
        1: "#E0CEE8",
        2: "#C4AED5",
        3: "#A890BF",
        4: "#8C71AA",
        5: "#6D538F",
      }
    }
  }
}

Related searches

amethyst sky paletteethereal purple designcalming violet schemepastel purple UIsoft lavender colors

Palette colors

Hex values

Color 1#E0CEE8
·
Color 2#C4AED5
·
Color 3#A890BF
·
Color 4#8C71AA
·
Color 5#6D538F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.9:1Fail
2.8:1Fail
4.3:1AA18
2
1.4:1Fail
1.4:1Fail
2:1Fail
3.2:1AA18
3
1.9:1Fail
1.4:1Fail
1.5:1Fail
2.3:1Fail
4
2.8:1Fail
2:1Fail
1.5:1Fail
1.5:1Fail
5
4.3:1AA18
3.2:1AA18
2.3:1Fail
1.5:1Fail

Similar palettes

More like Amethyst Sky Bloom

View all pastel
Lavender Sky Dreams
Lilac Cloud Dream
Moonlit Cloud Bloom
Amethyst Haze Dream
Amethyst Haze Veil
Celestial Cloud Shimmer