Back to palettes

Palette

Imperial Brocade Path

Luxuriant tones reminiscent of ancient tapestries and valuable spices traded along distant, imperial routes.

warmelegant5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Imperial Brocade Path 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 Imperial Brocade Path.

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

Data visualization

#7D2600#C26B29#EBC88C#8C8259#473B2E

Palette guide

How to use Imperial Brocade Path

Overview

The Imperial Brocade Path palette offers a luxurious journey through warm, historic tones, reminiscent of ancient tapestries and valuable spices. With its rich spectrum from deep #7D2600 to the opulent #EBC88C, complemented by earthy #473B2E and sophisticated #8C8259, this palette is perfect for projects demanding elegance and a sense of heritage. Designers and developers can leverage these colors to create designs that exude warmth, richness, and a timeless, exotic appeal, ideal for high-end branding or cultural themes.

Best used for

  • Luxury brand websites and marketing
  • Traditional interior design and decor
  • Gourmet food and beverage packaging
  • Historical or cultural documentary branding
  • High-end fashion and accessory collections
  • Exotic travel and hospitality branding

Suggested color roles

primary

Designate #7D2600 as the primary color for commanding presence, ideal for main headings or significant UI elements.

secondary

Use #C26B29 for supportive sections, subheadings, or larger blocks of content, providing warmth and depth.

accent

Apply #EBC88C as a radiant accent for highlights, icons, or calls-to-action, adding a touch of opulence.

background

Employ #8C8259 as a sophisticated, muted background color, offering a grounded canvas for the warmer tones.

text

For dark text, #473B2E provides excellent readability on lighter shades. For text on #7D2600, a light cream or white is recommended.

Accessibility notes

  • Ensure #473B2E text on #EBC88C has sufficient contrast for readability, especially for body text.
  • Verify that #7D2600 on #EBC88C maintains a high enough contrast ratio for legibility in headings and key information.
  • Avoid using #C26B29 on #8C8259 for small or essential text due to their similar mid-tones, which can hinder readability.
  • Always test color combinations for users with color vision deficiencies to ensure critical information is conveyed.

Recommended combinations

Rich Earth Tones

Creates a grounded, sophisticated base for layouts, perfect for backgrounds, footers, and primary content blocks.

#473B2E · #7D2600 · #8C8259

Opulent Highlight

Ideal for featuring product details, calls-to-action, or decorative elements that require a luxurious pop.

#C26B29 · #EBC88C · #7D2600

Subtle Depth

Excellent for layered backgrounds, textured elements, or creating a sense of subtle dimension and warmth.

#8C8259 · #C26B29 · #473B2E

CSS variables

:root {
  --imperial-brocade-path-1: #7D2600;
  --imperial-brocade-path-2: #C26B29;
  --imperial-brocade-path-3: #EBC88C;
  --imperial-brocade-path-4: #8C8259;
  --imperial-brocade-path-5: #473B2E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "imperial-brocade-path": {
        1: "#7D2600",
        2: "#C26B29",
        3: "#EBC88C",
        4: "#8C8259",
        5: "#473B2E",
      }
    }
  }
}

Related searches

luxurious historical colorsspice market paletteexotic warm color schemebrocade design colorsrich elegant brown orange

Palette colors

Hex values

Color 1#7D2600
·
Color 2#C26B29
·
Color 3#EBC88C
·
Color 4#8C8259
·
Color 5#473B2E
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
6.1:1AA
2.5:1Fail
1.1:1Fail
2
2.5:1Fail
2.4:1Fail
1:1Fail
2.8:1Fail
3
6.1:1AA
2.4:1Fail
2.4:1Fail
6.8:1AA
4
2.5:1Fail
1:1Fail
2.4:1Fail
2.8:1Fail
5
1.1:1Fail
2.8:1Fail
6.8:1AA
2.8:1Fail

Similar palettes

More like Imperial Brocade Path

View all warm