Palette

Byzantine Jewel

A luxurious and antique combination of deep crimson, plum, and soft rose, 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 Byzantine Jewel 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 Byzantine Jewel.

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

Data visualization

#5E2129#8D3643#B66D77#D49DA3#E8C8CD

Palette guide

How to use Byzantine Jewel

Overview

The Byzantine Jewel palette presents a luxurious and antique combination of deep crimson, plum, and soft rose, reminiscent of ancient treasures. This dark collection features the dark crimson of #5E2129, the medium crimson of #8D3643, the rosy brown of #B66D77, the pale rose of #D49DA3, and the light blush pink of #E8C8CD. It's an excellent choice for designers aiming to create sophisticated, elegant, and historically inspired visuals. The palette evokes a sense of rich heritage, delicate beauty, and opulent warmth, perfect for projects that demand a refined aesthetic and a touch of timeless charm.

Best used for

Vintage luxury brands and products
Elegant wedding themes and invitations
Historical fashion and costume design
Sophisticated interior design projects
Antique jewelry displays and branding
Romantic digital art and illustrations

Suggested color roles

primary

Use #8D3643 as a rich, elegant crimson primary color, providing a deep and sophisticated foundation.

secondary

Apply #5E2129 as a dark plum secondary color, offering grounding support and subtle luxury.

accent

Introduce #B66D77 as a soft rose accent, ideal for delicate highlights or decorative details.

background

Utilize #E8C8CD as a light blush background, creating an ethereal and soft canvas.

text

For body text, #5E2129 (dark plum) offers excellent readability against lighter colors in the palette, ensuring strong contrast.

Accessibility notes

Use the darkest colors like #5E2129 or #8D3643 for body text to ensure readability on lighter backgrounds.
Be cautious when using #D49DA3 or #E8C8CD for text, as they will have low contrast against each other for readability.
Ensure interactive elements have sufficient contrast and clear hover states to improve user experience.
For a truly accessible design, consider pairing the darker shades with white or a very light cream text for maximum readability.

Recommended combinations

Antique Rose

Ideal for elegant headers, soft background patterns, or creating a romantic ambiance.

#8D3643 · #B66D77 · #E8C8CD

Crimson Depth

Great for sophisticated branding, textural elements, or adding subtle visual richness.

#5E2129 · #D49DA3 · #8D3643

Jewel Blush

Perfect for delicate accents, a luxurious subtle gradient, or highlighting fine details.

#E8C8CD · #B66D77 · #5E2129

CSS variables

:root {
  --byzantine-jewel-1: #5E2129;
  --byzantine-jewel-2: #8D3643;
  --byzantine-jewel-3: #B66D77;
  --byzantine-jewel-4: #D49DA3;
  --byzantine-jewel-5: #E8C8CD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "byzantine-jewel": {
        1: "#5E2129",
        2: "#8D3643",
        3: "#B66D77",
        4: "#D49DA3",
        5: "#E8C8CD",
      }
    }
  }
}

Hex values

Color 1#5E2129

Color 2#8D3643

Color 3#B66D77

Color 4#D49DA3

Color 5#E8C8CD

Accessibility

Contrast checker

1.6:1Fail

3.2:1AA18

5.3:1AA

7.9:1AAA

1.6:1Fail

2:1Fail

3.3:1AA18

5:1AA

3.2:1AA18

2:1Fail

1.7:1Fail

2.5:1Fail

5.3:1AA

3.3:1AA18

1.7:1Fail

1.5:1Fail

7.9:1AAA

5:1AA

2.5:1Fail

1.5:1Fail

Similar palettes

More like Byzantine Jewel

View all dark

Royal Jewel Brocade

Gemstone Radiance Aura