Palette

Parisian Chic

A sleek and understated grayscale collection, embodying effortless Parisian elegance and style.

monochromeelegant5 colors

More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Parisian Chic 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 Parisian Chic.

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

Data visualization

#D0D0D0#A0A0A0#707070#303030#101010

Palette guide

How to use Parisian Chic

Overview

The Parisian Chic palette embodies timeless sophistication through a sleek grayscale spectrum, perfect for minimalist and elegant designs. It ranges from the almost-white #D0D0D0 to the deep, commanding #101010, including versatile mid-tones like #A0A0A0, #707070, and #303030. This collection is ideal for designers aiming to create clean, modern, and highly professional aesthetics. Developers can leverage these precise hex codes to build refined user interfaces, ensuring consistent visual branding that conveys luxury and understated style. It’s a robust choice for projects requiring a classic, adaptable, and perpetually fashionable color scheme.

Best used for

Luxury fashion branding
Minimalist website design
Corporate identity and branding
Architectural portfolios
High-tech product interfaces
Art gallery presentations

Suggested color roles

primary

Use #303030 as a strong, sophisticated anchor for main headlines, navigation, or strong brand elements.

secondary

Apply #707070 for supporting text, subheadings, or as a subtle background for secondary content sections.

accent

Utilize #101010 for impactful details, icons, or to create high contrast in specific areas.

background

Employ #D0D0D0 as a light, clean background, ensuring excellent readability for darker text.

text

Choose #303030 for primary body text and #101010 for critical headlines on light backgrounds for optimal clarity.

Accessibility notes

Ensure #303030 text on #D0D0D0 background meets WCAG AA contrast standards for all content.
Avoid using #D0D0D0 or #A0A0A0 for text on similar light backgrounds; prefer darker shades.
Text in #707070 on #D0D0D0 offers good readability, suitable for body text.
The darkest colors, #303030 and #101010, provide excellent contrast on #D0D0D0 for all text sizes.

Recommended combinations

Modern Contrast

High-contrast for main text and background, with a dark grey for secondary elements.

#D0D0D0 · #101010 · #303030

Subtle Layers

For layered backgrounds, subtle branding, or depth without harsh contrasts.

#A0A0A0 · #707070 · #D0D0D0

Bold Statement

Excellent for headers, footers, and sections requiring strong visual impact and sophistication.

#101010 · #303030 · #707070

CSS variables

:root {
  --parisian-chic-1: #D0D0D0;
  --parisian-chic-2: #A0A0A0;
  --parisian-chic-3: #707070;
  --parisian-chic-4: #303030;
  --parisian-chic-5: #101010;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "parisian-chic": {
        1: "#D0D0D0",
        2: "#A0A0A0",
        3: "#707070",
        4: "#303030",
        5: "#101010",
      }
    }
  }
}

Hex values

Color 1#D0D0D0

Color 2#A0A0A0

Color 3#707070

Color 4#303030

Color 5#101010

Accessibility

Contrast checker

1.7:1Fail

3.2:1AA18

8.6:1AAA

12.3:1AAA

1.7:1Fail

1.9:1Fail

5:1AA

7.3:1AAA

3.2:1AA18

1.9:1Fail

2.7:1Fail

3.8:1AA18

8.6:1AAA

5:1AA

2.7:1Fail

1.4:1Fail

12.3:1AAA

7.3:1AAA

3.8:1AA18

1.4:1Fail

Similar palettes

More like Parisian Chic

View all monochrome

Sculpted Marble Elegance

Ancient Marble Column

Ash Cloud Symphony

Gothic Library Ink

Monochrome Shadow Play

Opal Essence Shimmer