Back to palettes

Palette

Royal Gem Casket

A luxurious collection of deep, rich gemstone hues, reminiscent of ancient treasures.

DarkElegant5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Royal Gem Casket 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 Royal Gem Casket.

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

Data visualization

#3F0071#8C0B9F#1C0F4A#5D2E8C#B15E9F

Palette guide

How to use Royal Gem Casket

Overview

The Royal Gem Casket palette unveils a luxurious collection of deep, rich gemstone hues, perfect for designs that aim to evoke ancient treasures and regal elegance. Featuring a dominant #3F0071, it transitions into the vibrant #8C0B9F, complemented by the profound #1C0F4A. The palette is balanced with the sophisticated #5D2E8C and the softer, yet still rich, #B15E9F. This versatile collection is ideal for projects requiring a sense of depth, mystery, and opulence. Designers can leverage these colors for high-end branding, sophisticated digital interfaces, or elegant print materials, ensuring a visually striking and memorable experience.

Best used for

  • Luxury brand identity and packaging
  • High-end fashion or jewelry websites
  • Creative agency portfolios
  • Art and cultural institution branding
  • Dramatic interior design concepts
  • Exclusive event invitations

Suggested color roles

primary

Utilize #3F0071 as a deep, commanding base for backgrounds or main brand elements.

secondary

Apply #8C0B9F for vibrant accents, call-to-actions, or to add visual energy.

accent

Introduce #B15E9F for softer highlights, illustrations, or secondary interactive elements.

background

The profound #1C0F4A or #3F0071 provides a dramatic, elegant backdrop for light-colored content.

text

White or a very light cream text works best on these deep hues. A subtle gold could also be effective for headings.

Accessibility notes

  • Ensure high contrast when pairing the deep purples with white or light text for readability.
  • Avoid using #B15E9F for small text on #8C0B9F backgrounds due to potential contrast issues.
  • Always check that text and background color combinations meet WCAG AA standards.
  • Use a contrast checker to verify all critical text elements are accessible.

Recommended combinations

Deep Royal

Perfect for creating a sense of profound depth and luxury in headers or main branding.

#3F0071 · #1C0F4A · #5D2E8C

Gemstone Glow

Ideal for vibrant accents, illustrations, or interactive elements that need to pop.

#8C0B9F · #B15E9F · #5D2E8C

Mystic Blend

Use for sophisticated backgrounds, overlays, or to define distinct content sections.

#1C0F4A · #3F0071 · #B15E9F

CSS variables

:root {
  --royal-gem-casket-1: #3F0071;
  --royal-gem-casket-2: #8C0B9F;
  --royal-gem-casket-3: #1C0F4A;
  --royal-gem-casket-4: #5D2E8C;
  --royal-gem-casket-5: #B15E9F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "royal-gem-casket": {
        1: "#3F0071",
        2: "#8C0B9F",
        3: "#1C0F4A",
        4: "#5D2E8C",
        5: "#B15E9F",
      }
    }
  }
}

Related searches

deep purple color palettejewel tone purplesroyal purple hex codeselegant dark paletterich gemstone colors

Palette colors

Hex values

Color 1#3F0071
·
Color 2#8C0B9F
·
Color 3#1C0F4A
·
Color 4#5D2E8C
·
Color 5#B15E9F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
1.2:1Fail
1.5:1Fail
3.4:1AA18
2
1.8:1Fail
2.2:1Fail
1.2:1Fail
1.9:1Fail
3
1.2:1Fail
2.2:1Fail
1.8:1Fail
4.1:1AA18
4
1.5:1Fail
1.2:1Fail
1.8:1Fail
2.2:1Fail
5
3.4:1AA18
1.9:1Fail
4.1:1AA18
2.2:1Fail

Similar palettes

More like Royal Gem Casket

View all Dark
Baroque Tapestry Weave
Imperial Gemstone Array
Amethyst Star Cluster
Art Deco Sapphire
Deep Cave Emeralds
Midnight Orchid Bloom