Back to palettes

Palette

Art Deco Bronze

A sophisticated blend of muted purples, blues, and warm pinks, reminiscent of elegant art deco designs.

DarkElegant5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Art Deco Bronze 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 Art Deco Bronze.

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

Data visualization

#6C5B7B#C06C84#F67280#355C7D#A77E8F

Palette guide

How to use Art Deco Bronze

Overview

The Art Deco Bronze palette offers a sophisticated and elegant blend of muted purples, deep blues, and warm pinks, reminiscent of classic Art Deco designs. Key colors include the deep teal-blue #355C7D, the muted purple #6C5B7B, and the vibrant coral pink #F67280. This collection is ideal for projects seeking a luxurious and refined aesthetic. Developers can leverage its distinct color hierarchy for impactful UI elements and stylish layouts. Designers will find these hues perfect for creating glamorous branding, sophisticated event materials, or chic interior concepts, evoking a timeless sense of opulence and artistic flair.

Best used for

  • Luxury brand identity
  • High-end event design
  • Fashion and beauty editorials
  • Sophisticated web interfaces
  • Vintage-inspired packaging
  • Boutique hotel interiors

Suggested color roles

primary

Establish #355C7D as the foundational color for strong statements, main headers, or large background sections, providing depth and elegance.

secondary

Utilize #6C5B7B for supporting content, sub-headings, or secondary graphical elements, adding a rich, muted purple contrast.

accent

Deploy #F67280 for calls-to-action, key highlights, or decorative flourishes, offering a vibrant and engaging pop of color.

background

A very light neutral, such as a soft off-white or a light grey, works best to let the richer colors shine. Alternatively, use #A77E8F for a deeper, atmospheric background.

text

For readability on lighter backgrounds, use #355C7D or a dark charcoal. For dark backgrounds, white or #F67280 can provide excellent contrast.

Accessibility notes

  • Ensure high contrast for text, especially when using #A77E8F as a background; darker text from the palette or black is recommended.
  • The vibrant #F67280 works well as an accent on darker colors like #355C7D and #6C5B7B for clear visibility.
  • Avoid using #A77E8F for small text on mid-tone backgrounds to prevent readability issues.
  • When pairing #C06C84 with #A77E8F, ensure sufficient contrast if used for critical information; prioritize larger text sizes.

Recommended combinations

Gala Glam

Deep blue as a primary, vibrant pink accent for calls, and muted purple for supporting elegance, creating a striking contrast.

#355C7D · #F67280 · #6C5B7B

Bronze Blush

Muted purple base with softer rose support and a bright pink accent, ideal for feminine yet sophisticated designs.

#6C5B7B · #A77E8F · #F67280

Twilight Deco

A deep blue primary paired with a softer rose for balance and a warm mid-tone for subtle visual interest.

#355C7D · #A77E8F · #C06C84

CSS variables

:root {
  --art-deco-bronze-1: #6C5B7B;
  --art-deco-bronze-2: #C06C84;
  --art-deco-bronze-3: #F67280;
  --art-deco-bronze-4: #355C7D;
  --art-deco-bronze-5: #A77E8F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "art-deco-bronze": {
        1: "#6C5B7B",
        2: "#C06C84",
        3: "#F67280",
        4: "#355C7D",
        5: "#A77E8F",
      }
    }
  }
}

Related searches

art deco purple blueelegant bronze color schemesophisticated deco palettevintage pink blueclassic luxury colors

Palette colors

Hex values

Color 1#6C5B7B
·
Color 2#C06C84
·
Color 3#F67280
·
Color 4#355C7D
·
Color 5#A77E8F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.2:1Fail
1.1:1Fail
1.8:1Fail
2
1.7:1Fail
1.3:1Fail
1.9:1Fail
1.1:1Fail
3
2.2:1Fail
1.3:1Fail
2.6:1Fail
1.3:1Fail
4
1.1:1Fail
1.9:1Fail
2.6:1Fail
2:1Fail
5
1.8:1Fail
1.1:1Fail
1.3:1Fail
2:1Fail

Similar palettes

More like Art Deco Bronze

View all Dark