Palette

Violet Geode Slumber

Deep and ethereal purples inspired by the mesmerizing layers of amethyst crystals.

coolelegant5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Violet Geode Slumber 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 Violet Geode Slumber.

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

Data visualization

#6A5ACD#8A2BE2#B098D7#C6AEE7#E4D8EE

Palette guide

How to use Violet Geode Slumber

Overview

The Violet Geode Slumber palette presents a mesmerizing range of deep and ethereal purples, inspired by the captivating layers of amethyst crystals. From the profound #6A5ACD to the soft, dreamy #E4D8EE, with the vibrant #8A2BE2 adding energy, this collection is perfect for designs seeking a mystical, soothing, and elegant aesthetic. It's an excellent choice for designers aiming to evoke feelings of calm, fantasy, and spiritual depth. The harmonious blend of shades allows for creating immersive and luxurious visual experiences, making it ideal for branding, digital interfaces, or print materials that require a touch of enchanting sophistication.

Best used for

Wellness and meditation applications
Spiritual or holistic branding
Fantasy game interfaces and marketing
Jewelry and crystal e-commerce websites
Luxurious spa and retreat branding
Mystical art and illustration projects

Suggested color roles

primary

#6A5ACD - A deep, grounding violet that provides a strong, mystical foundation for backgrounds, headers, or significant brand elements.

secondary

#8A2BE2 - A vibrant and energetic purple perfect for supporting content blocks, sub-sections, or distinct UI components, adding intrigue.

accent

#C6AEE7 - A soft, ethereal lavender that serves as a delicate highlight for interactive elements, subtle dividers, or decorative details.

background

#E4D8EE - A very light, dreamy off-white with a violet tint, providing an airy and sophisticated background for content areas.

text

On darker shades like #6A5ACD and #8A2BE2, use white or a very light cream for optimal readability. For #E4D8EE, #6A5ACD or a deep charcoal provides excellent contrast.

Accessibility notes

Ensure high contrast for text: White or light cream text on #6A5ACD and #8A2BE2 is crucial for readability.
Be mindful of contrast between mid-tones: Text or UI elements in #B098D7 may lack sufficient contrast on backgrounds like #C6AEE7.
Check WCAG AA/AAA compliance for critical interactive elements, especially when using #C6AEE7 on backgrounds like #B098D7.
Avoid using small body text in #B098D7 against backgrounds that are too close in luminance, such as #E4D8EE.

Recommended combinations

Mystic Crystal

Ideal for a deep, enchanting design, using the darkest violet as a background, the light lavender for headings, and the very light off-white for body text or subtle accents.

#6A5ACD · #C6AEE7 · #E4D8EE

Ethereal Layers

Great for content sections or cards, where the vibrant purple acts as a base, complemented by the softer mid-tone for text, and the deep violet for strong accents or links.

#8A2BE2 · #B098D7 · #6A5ACD

Soothing Geode

Effective for creating a light, dreamy interface, with the lightest color as the background, the darkest violet for prominent text or icons, and the vibrant purple for interactive elements.

#E4D8EE · #6A5ACD · #8A2BE2

CSS variables

:root {
  --violet-geode-slumber-1: #6A5ACD;
  --violet-geode-slumber-2: #8A2BE2;
  --violet-geode-slumber-3: #B098D7;
  --violet-geode-slumber-4: #C6AEE7;
  --violet-geode-slumber-5: #E4D8EE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "violet-geode-slumber": {
        1: "#6A5ACD",
        2: "#8A2BE2",
        3: "#B098D7",
        4: "#C6AEE7",
        5: "#E4D8EE",
      }
    }
  }
}

Hex values

Color 1#6A5ACD

Color 2#8A2BE2

Color 3#B098D7

Color 4#C6AEE7

Color 5#E4D8EE

Accessibility

Contrast checker

1.1:1Fail

2.1:1Fail

2.7:1Fail

3.9:1AA18

1.1:1Fail

2.4:1Fail

3:1AA18

4.4:1AA18

2.1:1Fail

2.4:1Fail

1.3:1Fail

1.8:1Fail

2.7:1Fail

3:1AA18

1.3:1Fail

1.4:1Fail

3.9:1AA18

4.4:1AA18

1.8:1Fail

1.4:1Fail

Similar palettes

More like Violet Geode Slumber

View all cool

Amethyst Cavern Glow

Amethyst Geode Sparkle

Amethyst Mystic Grotto

Celestial Shimmer

Crystal Geode Sparkle

Enchanted Dewdrop Garden