Back to palettes

Palette

Amethyst Field Dusk

Soft, deep purples capturing the calming beauty of a lavender field at dusk.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Amethyst Field 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 Amethyst Field Dusk.

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

Data visualization

#B5A6CC#8A79B1#6B5CA1#4C3F8B#2C205D

Palette guide

How to use Amethyst Field Dusk

Overview

The Amethyst Field Dusk palette captures the tranquil beauty of a lavender field as twilight descends, offering a serene range of soft to deep purples. From the airy `#B5A6CC` to the profound `#2C205D`, this palette provides designers and developers with a sophisticated yet calming set of hues. The balanced mid-tones, `#8A79B1`, `#6B5CA1`, and `#4C3F8B`, ensure harmonious transitions, making it ideal for projects seeking to evoke elegance, peace, or a touch of nostalgic romance. Its versatility spans from subtle backgrounds to impactful branding elements.

Best used for

  • Wellness and meditation app interfaces
  • Luxury cosmetics and skincare branding
  • Event invitations (weddings, anniversaries)
  • E-commerce for artisanal products
  • Editorial design for lifestyle magazines
  • Home decor and textile design

Suggested color roles

primary

Use `#4C3F8B` as a grounding primary color for headers, main navigation, or key brand elements to convey sophistication and depth.

secondary

Apply `#6B5CA1` for supporting content blocks, subheadings, or secondary calls to action, maintaining visual harmony.

accent

Utilize `#B5A6CC` for subtle highlights, interactive elements, or delicate background patterns to add a soft, ethereal touch.

background

The lightest shade, `#B5A6CC`, provides a clean, serene canvas. `#8A79B1` can be used for slightly richer, yet still light, sections.

text

For dark text on light backgrounds, `#2C205D` or a deep charcoal offers excellent readability. For light text on dark backgrounds, use white or `#B5A6CC`.

Accessibility notes

  • Ensure `#2C205D` provides strong contrast for text against `#B5A6CC` and other light backgrounds.
  • Verify contrast ratios for `#4C3F8B` and `#6B5CA1` when used for text against various background colors within the palette.
  • Avoid using `#B5A6CC` for small text on very light backgrounds to prevent legibility issues.
  • Consider using bold font weights for text in mid-tone shades like `#8A79B1` on slightly darker backgrounds like `#6B5CA1`.

Recommended combinations

Dusk Horizon

Excellent for creating deep, immersive backgrounds or strong brand statements in headers and footers.

#2C205D · #4C3F8B · #6B5CA1

Lavender Haze

Ideal for soft gradients, background textures, or delicate UI elements that evoke calm.

#B5A6CC · #8A79B1 · #6B5CA1

Twilight Contrast

Suited for balancing deep tones with light accents, such as calls to action or emphasized content.

#4C3F8B · #B5A6CC · #2C205D

CSS variables

:root {
  --amethyst-field-dusk-1: #B5A6CC;
  --amethyst-field-dusk-2: #8A79B1;
  --amethyst-field-dusk-3: #6B5CA1;
  --amethyst-field-dusk-4: #4C3F8B;
  --amethyst-field-dusk-5: #2C205D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "amethyst-field-dusk": {
        1: "#B5A6CC",
        2: "#8A79B1",
        3: "#6B5CA1",
        4: "#4C3F8B",
        5: "#2C205D",
      }
    }
  }
}

Related searches

lavender field colorsdusk purple palettecalming violet schemeelegant cool tonestwilight aesthetic design

Palette colors

Hex values

Color 1#B5A6CC
·
Color 2#8A79B1
·
Color 3#6B5CA1
·
Color 4#4C3F8B
·
Color 5#2C205D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.5:1Fail
3.9:1AA18
6.3:1AA
2
1.7:1Fail
1.5:1Fail
2.3:1Fail
3.7:1AA18
3
2.5:1Fail
1.5:1Fail
1.5:1Fail
2.5:1Fail
4
3.9:1AA18
2.3:1Fail
1.5:1Fail
1.6:1Fail
5
6.3:1AA
3.7:1AA18
2.5:1Fail
1.6:1Fail

Similar palettes

More like Amethyst Field Dusk

View all cool
Amethyst Sky
Dusky Orchid Bloom
Moonlit Sakura Canopy
Provencal Lavender Field
Amethyst Cavern Glow
Amethyst Mystic Grotto