Back to palettes

Palette

Byzantine Mosaic Gold

Shimmering golds and rich tones inspired by the intricate and opulent mosaics of the Byzantine Empire.

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

#A37B3E#D4AC67#FFE6A8#8B5F2A#C2934D

Palette guide

How to use Byzantine Mosaic Gold

Overview

The Byzantine Mosaic Gold palette showcases shimmering golds and rich tones, inspired by the intricate and opulent mosaics of the Byzantine Empire. This warm collection features the dark gold of #A37B3E, the medium gold of #D4AC67, the luminous light gold of #FFE6A8, the darker gold of #8B5F2A, and the warm sandy brown of #C2934D. It's an excellent choice for designers aiming to create exquisite, historically ornate, and luxurious visuals. The palette evokes a sense of ancient royalty, fine craftsmanship, and radiant elegance, perfect for projects that demand a sophisticated presence and a touch of timeless splendor.

Best used for

  • High-end jewelry branding and displays
  • Historical art publications and museums
  • Luxury real estate marketing
  • Elegant website themes and interfaces
  • Fine dining establishments and branding
  • Ornate packaging design for premium goods

Suggested color roles

primary

Use #D4AC67 as a medium, shimmering gold primary color, providing an inviting and opulent foundation.

secondary

Apply #A37B3E as a darker gold secondary color, offering rich support and grounding depth.

accent

Introduce #FFE6A8 as the lightest, most luminous gold accent, ideal for radiant highlights or fine details.

background

Utilize #C2934D as a warm sandy brown background, creating a subtle yet elegant base.

text

For body text, #8B5F2A (deep gold-brown) offers excellent readability against lighter gold shades, ensuring strong contrast.

Accessibility notes

  • #8B5F2A provides strong contrast for text against lighter gold shades like #FFE6A8 and #D4AC67, ensuring readability.
  • Be cautious when using lighter gold shades for text on similar backgrounds, as contrast will be low for smaller fonts.
  • Ensure interactive elements are clearly defined; consider using the darkest gold for active states or borders.
  • For body text, stick to the darkest colors to ensure maximum readability for all users, meeting WCAG standards.

Recommended combinations

Ancient Luster

Ideal for elegant headers, subtle gradients, or creating a sense of shimmering depth.

#D4AC67 · #FFE6A8 · #A37B3E

Royal Glimmer

Great for sophisticated branding, rich textural elements, or creating a layered visual effect.

#8B5F2A · #C2934D · #D4AC67

Ornate Shine

Perfect for highlighting details, creating an opulent visual hierarchy, or decorative patterns.

#FFE6A8 · #A37B3E · #C2934D

CSS variables

:root {
  --byzantine-mosaic-gold-3-1: #A37B3E;
  --byzantine-mosaic-gold-3-2: #D4AC67;
  --byzantine-mosaic-gold-3-3: #FFE6A8;
  --byzantine-mosaic-gold-3-4: #8B5F2A;
  --byzantine-mosaic-gold-3-5: #C2934D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "byzantine-mosaic-gold-3": {
        1: "#A37B3E",
        2: "#D4AC67",
        3: "#FFE6A8",
        4: "#8B5F2A",
        5: "#C2934D",
      }
    }
  }
}

Related searches

byzantine gold paletteshimmering ancient goldopulent mosaic colorsroyal historic designluxury gold brown scheme

Palette colors

Hex values

Color 1#A37B3E
·
Color 2#D4AC67
·
Color 3#FFE6A8
·
Color 4#8B5F2A
·
Color 5#C2934D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.1:1AA18
1.4:1Fail
1.4:1Fail
2
1.8:1Fail
1.7:1Fail
2.6:1Fail
1.3:1Fail
3
3.1:1AA18
1.7:1Fail
4.5:1AA
2.3:1Fail
4
1.4:1Fail
2.6:1Fail
4.5:1AA
2:1Fail
5
1.4:1Fail
1.3:1Fail
2.3:1Fail
2:1Fail

Similar palettes

More like Byzantine Mosaic Gold

View all warm