Palette

Geode Crystal Veins

Deep purples and light lavenders mimicking the stunning natural patterns found inside crystalline geodes.

coolelegant5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Geode Crystal Veins 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 Geode Crystal Veins.

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

Data visualization

#3F205F#6F4892#9F70C2#CFC8DF#EFEFF6

Palette guide

How to use Geode Crystal Veins

Overview

The Geode Crystal Veins palette captures the deep purples and delicate lavenders found within crystalline geodes, offering an elegant and mystic aesthetic. This sophisticated color scheme, featuring the profound #3F205F, the rich #6F4892, and the ethereal #EFEFF6, provides a harmonious blend of depth and lightness. Designers can utilize #9F70C2 for a vibrant mid-tone and #CFC8DF as a soft transition, crafting luxurious and enchanting visual experiences across various digital and print mediums.

Best used for

Luxury brand identity and packaging
Spiritual or wellness applications
High-end fashion and beauty products
Event invitations and decor (weddings)
Creative and artistic portfolios
E-commerce sites for unique goods

Suggested color roles

primary

Designate #3F205F for dominant elements like main headings, footers, or large graphic areas, conveying luxury and depth.

secondary

Employ #6F4892 for supporting sections, subheadings, or background panels, maintaining the palette's rich feel.

accent

Introduce #9F70C2 for interactive elements, highlights, or decorative flourishes, providing a captivating focal point.

background

Use #EFEFF6 or #CFC8DF as a soft, luminous background to create an elegant canvas that enhances the darker purples.

text

For readability, use a dark shade like #3F205F for text on lighter backgrounds, or white/near-white on darker purples.

Accessibility notes

Ensure strong contrast between #3F205F text on #EFEFF6 backgrounds for optimal readability.
Avoid using #CFC8DF text on #EFEFF6 backgrounds due to insufficient contrast; opt for darker shades.
The mid-tone #9F70C2 may require careful pairing for text; always test against its background.
For interactive elements, ensure the accent color #9F70C2 provides enough contrast against its surrounding colors.

Recommended combinations

Mystic Depth

A powerful combination for branding: deep purple as primary, light background, and a vibrant accent.

#3F205F · #EFEFF6 · #9F70C2

Soft Transition

Excellent for creating elegant gradients, layered backgrounds, or subtle visual separations.

#6F4892 · #CFC8DF · #EFEFF6

Regal Contrast

Use the darkest shades for structure and a lighter one for content, creating a sophisticated and readable layout.

#3F205F · #6F4892 · #CFC8DF

CSS variables

:root {
  --geode-crystal-veins-1: #3F205F;
  --geode-crystal-veins-2: #6F4892;
  --geode-crystal-veins-3: #9F70C2;
  --geode-crystal-veins-4: #CFC8DF;
  --geode-crystal-veins-5: #EFEFF6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "geode-crystal-veins": {
        1: "#3F205F",
        2: "#6F4892",
        3: "#9F70C2",
        4: "#CFC8DF",
        5: "#EFEFF6",
      }
    }
  }
}

Hex values

Color 1#3F205F

Color 2#6F4892

Color 3#9F70C2

Color 4#CFC8DF

Color 5#EFEFF6

Accessibility

Contrast checker

1.9:1Fail

3.5:1AA18

8.2:1AAA

11.6:1AAA

1.9:1Fail

1.8:1Fail

4.3:1AA18

6.1:1AA

3.5:1AA18

1.8:1Fail

2.3:1Fail

3.3:1AA18

8.2:1AAA

4.3:1AA18

2.3:1Fail

1.4:1Fail

11.6:1AAA

6.1:1AA

3.3:1AA18

1.4:1Fail

Similar palettes

More like Geode Crystal Veins

View all cool

Amethyst Mystic Grotto

Crystal Cave Shimmer

Crystal Geode Depths

Geode Crystal Glimmer

Amethyst Cavern Glow

Amethyst Field Dusk