industryColor Scheme

Fashion Elegant

An elegant fashion palette with refined neutrals and rose gold touches. Perfect for high-end fashion brands and editorial layouts.

#ffffff
#fafafa
#18181b
#94a3b8
#fb7185

Color Breakdown

Role

background

Name

White

Hex

#ffffff

Tailwind

bg-white

Role

surface

Name

Zinc 50

Hex

#fafafa

Tailwind

bg-zinc-50

Role

primary

Name

Zinc 900

Hex

#18181b

Tailwind

text-zinc-900

Role

secondary

Name

Slate 400

Hex

#94a3b8

Tailwind

text-slate-400

Role

accent

Name

Rose 400

Hex

#fb7185

Tailwind

bg-rose-400

Live Preview

Welcome Back

This is a live preview of the Fashion Elegant color scheme applied to a sample card component. See how the colors work together in a realistic UI context.

Design Rationale

Black-and-white simplicity lets fashion photography and products take center stage. Rose accents add a feminine elegance for highlights and CTAs.

Use Cases

Fashion e-commerceStyle magazinesDesigner portfolios

CSS Variables

CSS
:root {
  --background: #ffffff;
  --surface: #fafafa;
  --primary: #18181b;
  --secondary: #94a3b8;
  --accent: #fb7185;
}

Tailwind Config

JavaScript
// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'fashion-elegant': {
  'background': '#ffffff',  // bg-white
  'surface': '#fafafa',  // bg-zinc-50
  'primary': '#18181b',  // text-zinc-900
  'secondary': '#94a3b8',  // text-slate-400
  'accent': '#fb7185',  // bg-rose-400
        },
      },
    },
  },
};

Related Color Schemes

Build with This Scheme

Use our palette generator to customize and extend this color scheme for your project.

Open Palette Generator

Frequently Asked Questions

Why do fashion brands use minimal color?
Minimal palettes prevent color competition with the clothing and accessories being showcased, keeping focus on the products.