Back to palettes

Palette

Regal Brocade Weave

A sophisticated blend of deep, rich tones, suggesting the luxury of an old-world tapestry.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2B3D4F#4A5F73#758DA1#A1BACD#CDDCE9

Palette guide

How to use Regal Brocade Weave

Overview

The Regal Brocade Weave palette offers a sophisticated blend of deep, rich blue-grays, evoking the luxurious feel of an old-world tapestry. From the grounding #2B3D4F to the airy #CDDCE9, with intermediate tones like #4A5F73, #758DA1, and #A1BACD, this collection provides designers and developers with a refined toolset. It's perfect for conveying elegance, professionalism, and a moody sophistication. The subtle shifts in tone allow for harmonious designs that are both understated and deeply impactful, ideal for creating a sense of heritage and timeless quality.

Best used for

  • Corporate luxury branding
  • High-end menswear fashion
  • Sophisticated interior design
  • Technology and finance websites
  • Classic automotive marketing
  • Architectural rendering and presentations

Suggested color roles

primary

Use #2B3D4F as the foundational deep blue-gray for backgrounds, primary navigation, or strong headers, establishing gravitas.

secondary

Apply #4A5F73 for supportive elements, sub-sections, or larger graphical components, maintaining the sophisticated mood.

accent

Introduce #758DA1 for subtle highlights, interactive elements, or as a softer visual break without losing elegance.

background

Utilize #CDDCE9 for light, clean backgrounds, providing excellent contrast, or #2B3D4F for a deep, immersive canvas.

text

Dark colors like #2B3D4F or #4A5F73 are ideal for text on light backgrounds. For dark backgrounds, use white or a light gray.

Accessibility notes

  • Ensure strong contrast between #2B3D4F text on #CDDCE9 background, meeting WCAG AA standards.
  • The lighter tones, #A1BACD and #CDDCE9, have low contrast with each other; avoid using them together for text.
  • For body text, use the darkest colors for maximum readability, especially for users with visual impairments.
  • Carefully check the contrast of #758DA1 if used for text on backgrounds other than the lightest or darkest.

Recommended combinations

Deep Contrast

A classic high-contrast pairing for corporate luxury, offering readability and a professional, elegant aesthetic.

#2B3D4F · #CDDCE9 · #758DA1

Muted Harmony

Ideal for creating soft, sophisticated gradients or layered designs that convey subtle depth and refinement.

#4A5F73 · #758DA1 · #A1BACD

Light & Airy

Use for designs that emphasize lightness and spaciousness, while retaining a touch of professional elegance with the darker accent.

#CDDCE9 · #A1BACD · #4A5F73

CSS variables

:root {
  --regal-brocade-weave-2-1: #2B3D4F;
  --regal-brocade-weave-2-2: #4A5F73;
  --regal-brocade-weave-2-3: #758DA1;
  --regal-brocade-weave-2-4: #A1BACD;
  --regal-brocade-weave-2-5: #CDDCE9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "regal-brocade-weave-2": {
        1: "#2B3D4F",
        2: "#4A5F73",
        3: "#758DA1",
        4: "#A1BACD",
        5: "#CDDCE9",
      }
    }
  }
}

Related searches

sophisticated blue gray paletteelegant textile colorsmoody corporate brandingold world tapestry colorsrich cool tones design

Palette colors

Hex values

Color 1#2B3D4F
·
Color 2#4A5F73
·
Color 3#758DA1
·
Color 4#A1BACD
·
Color 5#CDDCE9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.2:1AA18
5.5:1AA
8:1AAA
2
1.7:1Fail
1.9:1Fail
3.3:1AA18
4.7:1AA
3
3.2:1AA18
1.9:1Fail
1.7:1Fail
2.5:1Fail
4
5.5:1AA
3.3:1AA18
1.7:1Fail
1.4:1Fail
5
8:1AAA
4.7:1AA
2.5:1Fail
1.4:1Fail

Similar palettes

More like Regal Brocade Weave

View all dark
Gothic Cathedral Glow
Midnight Library Velvet
Professor's Study Nook
Smoky Jazz Club
Velvet Bloom Shadows
Velvet Theater Seats