Back to palettes

Palette

Byzantine Mosaic Gold

Regal golds and deep reds emulate the opulent, intricate artistry found in Byzantine mosaics.

warmelegant5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Byzantine Mosaic Gold 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 Mosaic Gold.

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

Data visualization

#CD7F32#D4AF37#DAA520#B8860B#800000

Palette guide

How to use Byzantine Mosaic Gold

Overview

The Byzantine Mosaic Gold palette features regal golds and deep reds, emulating the opulent, intricate artistry found in Byzantine mosaics. This warm collection includes the bronze of #CD7F32, the radiant goldenrod of #D4AF37, the darker goldenrod of #DAA520, the dark goldenrod of #B8860B, and the deep maroon of #800000. It's an excellent choice for designers aiming to create luxurious, historically rich, and visually striking visuals. The palette evokes a sense of imperial grandeur, ancient craftsmanship, and profound elegance, perfect for projects that demand a majestic presence and a touch of timeless opulence.

Best used for

  • Luxury product packaging and branding
  • Historical art reproductions and publications
  • High-end event branding and decor
  • Opulent interior design schemes
  • Museum exhibition graphics and displays
  • Elegant web interfaces and digital art

Suggested color roles

primary

Use #DAA520 as a rich, radiant gold primary color, providing an opulent and commanding foundation.

secondary

Apply #CD7F32 as a warm bronze secondary color, offering supportive antique elegance.

accent

Introduce #800000 as a deep maroon accent, ideal for striking contrasts or regal highlights.

background

Utilize #D4AF37 as a goldenrod background, creating a bright and opulent base.

text

For body text, #800000 (maroon) offers excellent readability on gold backgrounds, ensuring strong contrast.

Accessibility notes

  • #800000 provides excellent contrast for text against the gold and bronze shades in the palette, ensuring readability.
  • Be cautious using the various gold shades for text on each other, as contrast may be insufficient for smaller fonts.
  • Ensure interactive elements are clearly discernible, perhaps using the deep maroon for key actions or borders.
  • For body text, prioritize the darkest colors to ensure maximum readability for all users, meeting WCAG standards.

Recommended combinations

Imperial Gold

Ideal for luxurious headers, prominent brand elements, or accentuating key features with grandeur.

#DAA520 · #B8860B · #800000

Mosaic Warmth

Great for elegant background textures, decorative patterns, or creating a sense of ancient craftsmanship.

#CD7F32 · #D4AF37 · #800000

Regal Glow

Perfect for highlighting important information with an opulent feel, or creating a rich visual hierarchy.

#B8860B · #D4AF37 · #CD7F32

CSS variables

:root {
  --byzantine-mosaic-gold-2-1: #CD7F32;
  --byzantine-mosaic-gold-2-2: #D4AF37;
  --byzantine-mosaic-gold-2-3: #DAA520;
  --byzantine-mosaic-gold-2-4: #B8860B;
  --byzantine-mosaic-gold-2-5: #800000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "byzantine-mosaic-gold-2": {
        1: "#CD7F32",
        2: "#D4AF37",
        3: "#DAA520",
        4: "#B8860B",
        5: "#800000",
      }
    }
  }
}

Related searches

byzantine gold mosaicregal red gold paletteopulent ancient colorsluxury imperial designhistorical warm scheme

Palette colors

Hex values

Color 1#CD7F32
·
Color 2#D4AF37
·
Color 3#DAA520
·
Color 4#B8860B
·
Color 5#800000
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.4:1Fail
1:1Fail
3.5:1AA18
2
1.5:1Fail
1.1:1Fail
1.5:1Fail
5.2:1AA
3
1.4:1Fail
1.1:1Fail
1.5:1Fail
4.9:1AA
4
1:1Fail
1.5:1Fail
1.5:1Fail
3.4:1AA18
5
3.5:1AA18
5.2:1AA
4.9:1AA
3.4:1AA18

Similar palettes

More like Byzantine Mosaic Gold

View all warm