Back to palettes

Palette

Geode Slice

A sparkling progression of purples and pinks, revealing the hidden beauty within a cut geode.

vibrantelegant5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6E1D4A#9B2B6D#C23D90#E158B8#F77DDA

Palette guide

How to use Geode Slice

Overview

The Geode Slice palette presents a sparkling progression of purples and pinks, designed to reveal the hidden beauty within a cut geode. This vibrant and elegant scheme features the deep #6E1D4A, the rich #9B2B6D, and the bright #F77DDA, creating a captivating visual journey. Designers can leverage #C23D90 for a compelling mid-tone and #E158B8 as a luminous highlight, crafting dynamic and sophisticated designs. It's perfect for projects that aim to convey luxury, creativity, and a touch of modern mystique across various media.

Best used for

  • Fashion and beauty editorial layouts
  • Event and party branding (e.g., galas)
  • Creative agency websites and portfolios
  • Art and design exhibition materials
  • Luxury product packaging and advertisements
  • Digital illustrations and graphic art

Suggested color roles

primary

Utilize #6E1D4A as the dominant color for backgrounds or main content areas, providing a rich, sophisticated foundation.

secondary

Employ #9B2B6D for supporting elements, subheadings, or graphic accents, offering a harmonious and deep contrast.

accent

Highlight key interactive elements, call-to-action buttons, or decorative details with #F77DDA for a vibrant, modern pop.

background

Use #F77DDA or #E158B8 as a luminous background for sections requiring a bright, energetic feel, ensuring good text contrast.

text

For dark backgrounds, use white or a very light gray. For lighter backgrounds like #F77DDA, use #6E1D4A or a deep charcoal for text.

Accessibility notes

  • Ensure text in #6E1D4A on #F77DDA backgrounds meets WCAG AA contrast requirements.
  • Avoid placing light pinks like #E158B8 or #F77DDA as text on similarly light backgrounds.
  • The mid-tone #C23D90 may have insufficient contrast for text when paired with #E158B8; verify readability.
  • Provide sufficient contrast for all interactive elements, especially those using the brighter pinks as accents.

Recommended combinations

Elegant Depth

Deep purple base with a bright pink highlight and a complementary mid-tone for a luxurious and modern feel.

#6E1D4A · #F77DDA · #C23D90

Vibrant Layers

Ideal for creating dynamic gradients or layered graphic elements, showcasing the palette's progression.

#9B2B6D · #E158B8 · #F77DDA

Bold Statement

Use the darkest shades for structure and a brighter pink for impactful visuals or calls to action.

#6E1D4A · #9B2B6D · #E158B8

CSS variables

:root {
  --geode-slice-1: #6E1D4A;
  --geode-slice-2: #9B2B6D;
  --geode-slice-3: #C23D90;
  --geode-slice-4: #E158B8;
  --geode-slice-5: #F77DDA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "geode-slice": {
        1: "#6E1D4A",
        2: "#9B2B6D",
        3: "#C23D90",
        4: "#E158B8",
        5: "#F77DDA",
      }
    }
  }
}

Related searches

pink purple gradient palettevibrant geode colorsmodern feminine designcrystal inspired aestheticbright layered palette

Palette colors

Hex values

Color 1#6E1D4A
·
Color 2#9B2B6D
·
Color 3#C23D90
·
Color 4#E158B8
·
Color 5#F77DDA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
3.2:1AA18
4.6:1AA
2
1.5:1Fail
1.5:1Fail
2.1:1Fail
3:1AA18
3
2.3:1Fail
1.5:1Fail
1.4:1Fail
2:1Fail
4
3.2:1AA18
2.1:1Fail
1.4:1Fail
1.4:1Fail
5
4.6:1AA
3:1AA18
2:1Fail
1.4:1Fail

Similar palettes

More like Geode Slice

View all vibrant
Amethyst Aura
Geode Mineral Luster
Celestial Stardust Glaze
Crystal Geode Sparkle
Art Nouveau Iris
Byzantium Mosaic Art