Palette

Damask Pattern

Rich, intricate tones of deep berry and muted pinks, inspired by luxurious, woven damask patterns.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Damask Pattern 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 Damask Pattern.

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

Data visualization

#6A4E5C#9A7C8A#CDACB8#E6D7DB#56404A

Palette guide

How to use Damask Pattern

Overview

The Damask Pattern palette exudes elegance and intricate sophistication, drawing inspiration from luxurious woven textiles. It features a rich plum-brown (#6A4E5C), a softer mauve (#9A7C8A), a delicate rose taupe (#CDACB8), a subtle light pink (#E6D7DB), and a deep, grounding dark brown (#56404A). This palette is perfect for designers and developers aiming to create refined, upscale, and classic visual experiences. It lends itself beautifully to projects requiring a sense of heritage, luxury, and understated beauty, suitable for high-end branding or elegant digital presentations.

Best used for

Luxury brand websites
Wedding invitations and stationery
Interior design visualization
Fashion and beauty branding
E-commerce for upscale products
Elegant event collateral

Suggested color roles

primary

#6A4E5C (Plum-Brown) for main headings or sophisticated calls to action, conveying richness.

secondary

#9A7C8A (Mauve) can highlight secondary information or provide a softer, complementary tone.

accent

#CDACB8 (Rose Taupe) for subtle decorative elements, borders, or hover states.

background

#E6D7DB (Light Pink) offers a gentle, refined backdrop that enhances the deeper tones.

text

A dark brown (e.g., #332222) or #56404A provides excellent readability and maintains the sophisticated mood.

Accessibility notes

Ensure sufficient contrast for text, especially when using #CDACB8 on #E6D7DB backgrounds.
The lighter colors in this palette may not provide enough contrast for small text without a darker background.
Consider using bold or larger font sizes for text elements that employ lighter palette colors.
Test color combinations for readability, especially for users with low vision.

Recommended combinations

Regal Blend

Ideal for elegant headers, sophisticated graphics, or multi-tone background patterns.

#6A4E5C · #9A7C8A · #CDACB8

Soft Lux

Perfect for delicate backgrounds, subtle UI elements, or accentuating feminine aesthetics.

#E6D7DB · #CDACB8 · #9A7C8A

Deep Weave

Use for strong contrasts in banners, footers, or to frame lighter content beautifully.

#56404A · #6A4E5C · #E6D7DB

CSS variables

:root {
  --damask-pattern-1: #6A4E5C;
  --damask-pattern-2: #9A7C8A;
  --damask-pattern-3: #CDACB8;
  --damask-pattern-4: #E6D7DB;
  --damask-pattern-5: #56404A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "damask-pattern": {
        1: "#6A4E5C",
        2: "#9A7C8A",
        3: "#CDACB8",
        4: "#E6D7DB",
        5: "#56404A",
      }
    }
  }
}

Hex values

Color 1#6A4E5C

Color 2#9A7C8A

Color 3#CDACB8

Color 4#E6D7DB

Color 5#56404A

Accessibility

Contrast checker

2:1Fail

3.6:1AA18

5.3:1AA

1.3:1Fail

2:1Fail

1.8:1Fail

2.7:1Fail

2.5:1Fail

3.6:1AA18

1.8:1Fail

1.5:1Fail

4.6:1AA

5.3:1AA

2.7:1Fail

1.5:1Fail

6.8:1AA

1.3:1Fail

2.5:1Fail

4.6:1AA

6.8:1AA

Similar palettes

More like Damask Pattern

View all dark

Baroque Tapestry Weave

Jeweled Plum Tapestry