Back to palettes

Palette

Byzantium Mosaic Art

Rich, jewel-toned purples and indigos reminiscent of ancient, intricate mosaic tile work.

vibrantelegant5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Byzantium Mosaic Art 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 Byzantium Mosaic Art.

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

Data visualization

#800080#DDA0DD#4B0082#9400D3#C71585

Palette guide

How to use Byzantium Mosaic Art

Overview

The Byzantium Mosaic Art palette features rich, jewel-toned purples and indigos, reminiscent of ancient, intricate mosaic tile work. This vibrant collection includes the deep purple of #800080, the light plum of #DDA0DD, the dark indigo of #4B0082, the dark violet of #9400D3, and the deep pink-purple of #C71585. It's an excellent choice for designers aiming to create artistic, luxurious, and historically inspired visuals. The palette evokes a sense of royal grandeur, mystical depth, and artistic sophistication, perfect for projects that demand a rich, commanding presence and a touch of timeless elegance.

Best used for

  • Artistic brand identities and portfolios
  • Luxury fashion and accessory design
  • Historical art galleries and museums
  • Sophisticated event invitations and decor
  • Opulent home decor and interiors
  • Creative digital portfolios and art

Suggested color roles

primary

Use #9400D3 as a deep, royal violet primary color, providing an artistic and commanding foundation.

secondary

Apply #4B0082 as a dark indigo secondary color, offering rich support and grounding depth.

accent

Introduce #C71585 as a deep pink-purple, vibrant accent, ideal for striking highlights or decorative details.

background

Utilize #DDA0DD as a light plum background, creating a soft yet elegant canvas for other elements.

text

For body text, #4B0082 (dark indigo) offers excellent readability on lighter backgrounds, or use white for optimal contrast.

Accessibility notes

  • The dark purples (#800080, #4B0082, #9400D3) offer good contrast for text on #DDA0DD or white backgrounds.
  • Be cautious using #C71585 for text on similar dark purples, as contrast may be low for smaller fonts.
  • Ensure interactive elements are clearly distinguishable; consider a lighter accent for hover states or borders.
  • For body text, use the darkest colors or white to ensure maximum readability for all users, meeting WCAG standards.

Recommended combinations

Royal Mosaic

Ideal for regal headers, sophisticated brand elements, or creating a sense of majestic depth.

#9400D3 · #4B0082 · #DDA0DD

Jeweled Depths

Great for rich backgrounds with luminous text overlays, or creating a mystical, artistic ambiance.

#800080 · #C71585 · #4B0082

Artistic Glow

Perfect for highlighting intricate patterns, decorative elements, or a vibrant visual hierarchy.

#DDA0DD · #9400D3 · #C71585

CSS variables

:root {
  --byzantium-mosaic-art-1: #800080;
  --byzantium-mosaic-art-2: #DDA0DD;
  --byzantium-mosaic-art-3: #4B0082;
  --byzantium-mosaic-art-4: #9400D3;
  --byzantium-mosaic-art-5: #C71585;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "byzantium-mosaic-art": {
        1: "#800080",
        2: "#DDA0DD",
        3: "#4B0082",
        4: "#9400D3",
        5: "#C71585",
      }
    }
  }
}

Related searches

byzantium purple mosaicjewel toned art paletteroyal indigo violethistoric artistic designopulent purple scheme

Palette colors

Hex values

Color 1#800080
·
Color 2#DDA0DD
·
Color 3#4B0082
·
Color 4#9400D3
·
Color 5#C71585
·

Accessibility

Contrast checker

1
2
3
4
5
1
4.6:1AA
1.4:1Fail
1.4:1Fail
1.7:1Fail
2
4.6:1AA
6.3:1AA
3.2:1AA18
2.6:1Fail
3
1.4:1Fail
6.3:1AA
2:1Fail
2.4:1Fail
4
1.4:1Fail
3.2:1AA18
2:1Fail
1.2:1Fail
5
1.7:1Fail
2.6:1Fail
2.4:1Fail
1.2:1Fail

Similar palettes

More like Byzantium Mosaic Art

View all vibrant
Amethyst Aura
Art Nouveau Iris
Celestial Opal Glow
Celestial Orchid Glow
Celestial Stardust Glaze
Cosmic Cloud Bloom