Palette

Regal Court Brocade

Rich and luxurious tones reminiscent of historical courtly fabrics and classic grandeur.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Regal Court Brocade 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 Regal Court Brocade.

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

Data visualization

#8A653F#BF9C6F#DCCB9E#FFFBEB#5C432D

Palette guide

How to use Regal Court Brocade

Overview

The Regal Court Brocade palette offers rich and luxurious tones reminiscent of historical courtly fabrics and classic grandeur. It features a harmonious blend of earthy browns and warm beiges, from the deep #5C432D to the creamy #FFFBEB, with elegant mid-tones like #8A653F, #BF9C6F, and #DCCB9E. This collection is invaluable for designers and developers aiming to convey heritage, sophistication, and timeless elegance. Its muted richness creates a sense of understated luxury, perfect for projects that require a classic, refined aesthetic and a warm, inviting feel, ensuring a distinguished visual presence.

Best used for

Heritage brand identity and marketing
Traditional menswear fashion
Classic book cover design
Luxury artisanal product packaging
Interior design for stately homes
Elegant website for historical societies

Suggested color roles

primary

Use #5C432D as the deep, grounding brown for backgrounds, robust headings, or foundational elements, establishing a solid, classic base.

secondary

Apply #8A653F for supportive sections, sub-headers, or larger graphical components, adding warmth and richness.

accent

Introduce #BF9C6F for subtle highlights, interactive elements, or as a lighter visual break, maintaining elegance.

background

Utilize #FFFBEB for a soft, creamy background, providing excellent contrast, or #5C432D for a deep, sophisticated canvas.

text

For light backgrounds, #5C432D or #8A653F provide excellent readability. On dark backgrounds, use white or a very pale cream.

Accessibility notes

Ensure strong contrast between #5C432D text on #FFFBEB background, meeting WCAG AA standards.
The lighter tones, #DCCB9E and #FFFBEB, have low contrast with each other; avoid using them together for text.
For body text, use the darkest colors (e.g., #5C432D) on a very light background to maximize readability.
Carefully check the contrast of #BF9C6F if used for text on backgrounds other than the darkest or lightest.

Recommended combinations

Classic Elegance

A timeless combination for high-end branding, offering strong contrast and a sophisticated, inviting feel.

#5C432D · #FFFBEB · #8A653F

Warm Tones

Ideal for creating soft, harmonious gradients or layered designs that convey subtle warmth and refinement.

#8A653F · #BF9C6F · #DCCB9E

Light & Rich

Excellent for designs that emphasize lightness and spaciousness, while grounding the aesthetic with a rich, dark accent.

#FFFBEB · #5C432D · #BF9C6F

CSS variables

:root {
  --regal-court-brocade-1: #8A653F;
  --regal-court-brocade-2: #BF9C6F;
  --regal-court-brocade-3: #DCCB9E;
  --regal-court-brocade-4: #FFFBEB;
  --regal-court-brocade-5: #5C432D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "regal-court-brocade": {
        1: "#8A653F",
        2: "#BF9C6F",
        3: "#DCCB9E",
        4: "#FFFBEB",
        5: "#5C432D",
      }
    }
  }
}

Hex values

Color 1#8A653F

Color 2#BF9C6F

Color 3#DCCB9E

Color 4#FFFBEB

Color 5#5C432D

Accessibility

Contrast checker

2:1Fail

3.3:1AA18

5:1AA

1.7:1Fail

2:1Fail

1.6:1Fail

2.5:1Fail

3.6:1AA18

3.3:1AA18

1.6:1Fail

1.5:1Fail

5.7:1AA

5:1AA

2.5:1Fail

1.5:1Fail

8.8:1AAA

1.7:1Fail

3.6:1AA18

5.7:1AA

8.8:1AAA

Similar palettes

More like Regal Court Brocade

View all dark

Dark Academia Library

Scholarly Library Nook

Antique Velvet Drapes

Art Deco Gemstone

Art Deco Glamour

Art Deco Midnight