Palette

Jewel Tone Tapestry

A luxurious array of rich, saturated jewel tones reminiscent of exotic silks and embroidered tapestries.

vibrantelegant5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Jewel Tone Tapestry 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 Jewel Tone Tapestry.

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

Data visualization

#8A0A48#CC3366#FF6699#FF99CC#E1006E

Palette guide

How to use Jewel Tone Tapestry

Overview

The 'Jewel Tone Tapestry' palette is a luxurious array of rich, saturated jewel tones, reminiscent of exotic silks and embroidered tapestries. It features a deep Raspberry (#8A0A48), a vibrant Rose (#CC3366), and a softer Pink (#FF6699). A delicate Light Pink (#FF99CC) provides a subtle highlight, while a bold Ruby (#E1006E) adds intense passion. This collection is perfect for designers and developers seeking to evoke glamour, femininity, and a sophisticated elegance. Its harmonious blend of pinks and purples offers versatility for creating opulent digital experiences, fashion-forward branding, or luxurious print materials.

Best used for

luxury fashion branding
beauty and cosmetic websites
bridal and event planning
romantic themed designs
textile and fabric design showcases
feminine digital art

Suggested color roles

primary

Ruby (#E1006E) makes a powerful statement for main calls-to-action or prominent headings, conveying passion and sophistication.

secondary

Raspberry (#8A0A48) is excellent for navigation, subheadings, or background sections, providing depth and richness.

accent

Rose (#CC3366) serves as a vibrant accent for interactive elements, highlights, or decorative flourishes, adding energy.

background

Light Pink (#FF99CC) offers a soft, elegant background, allowing the deeper jewel tones to stand out beautifully.

text

For dark backgrounds like #8A0A48 or #E1006E, use a crisp white or a very light pink for optimal readability. For lighter backgrounds, a deep charcoal is suitable.

Accessibility notes

Ensure sufficient contrast between text and background, especially when using #FF6699 or #FF99CC for text.
Avoid pairing #FF99CC with very light backgrounds for small text sizes to maintain readability.
Raspberry (#8A0A48) and Ruby (#E1006E) require light text (e.g., white) for optimal contrast.
Always check WCAG contrast ratios for all interactive elements and crucial text to ensure accessibility.

Recommended combinations

Rich Silk

Ideal for creating deep, luxurious backgrounds or powerful branding elements that demand attention.

#8A0A48 · #CC3366 · #E1006E

Soft Elegance

Perfect for delicate patterns, subtle gradients, or feminine designs requiring a soft yet vibrant touch.

#FF6699 · #FF99CC · #CC3366

Glamour Accents

Effective for highlighting key features or calls-to-action with a bold, glamorous contrast.

#E1006E · #8A0A48 · #FF6699

CSS variables

:root {
  --jewel-tone-tapestry-1: #8A0A48;
  --jewel-tone-tapestry-2: #CC3366;
  --jewel-tone-tapestry-3: #FF6699;
  --jewel-tone-tapestry-4: #FF99CC;
  --jewel-tone-tapestry-5: #E1006E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jewel-tone-tapestry": {
        1: "#8A0A48",
        2: "#CC3366",
        3: "#FF6699",
        4: "#FF99CC",
        5: "#E1006E",
      }
    }
  }
}

Hex values

Color 1#8A0A48

Color 2#CC3366

Color 3#FF6699

Color 4#FF99CC

Color 5#E1006E

Accessibility

Contrast checker

1.9:1Fail

3.4:1AA18

4.8:1AA

2:1Fail

1.9:1Fail

1.8:1Fail

2.5:1Fail

1:1Fail

3.4:1AA18

1.8:1Fail

1.4:1Fail

1.7:1Fail

4.8:1AA

2.5:1Fail

1.4:1Fail

2.4:1Fail

2:1Fail

1:1Fail

1.7:1Fail

2.4:1Fail

Similar palettes

More like Jewel Tone Tapestry

View all vibrant

Art Nouveau Iris

Cosmic Iridescent Shine

Cosmic Jellyfish Dance

Dragon Scales Gleam

Enchanted Rose Garden

Jungle Bloom Orchid