Back to palettes

Palette

Parisian Cafe Charm

Evokes the sophisticated yet cozy atmosphere of a quaint Parisian café.

elegantelegant5 colors
More elegant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4A4A4A#A52A2A#F5F5DC#D2B48C#FFD700

Palette guide

How to use Parisian Cafe Charm

Overview

The Parisian Cafe Charm palette offers a vibrant yet sophisticated blend, reminiscent of a bustling French bistro. It features a deep charcoal grey #4A4A4A, a rich, inviting brick red #A52A2A, and a soft, creamy beige #F5F5DC. The warm tan of #D2B48C adds an earthy touch, while a splash of bright gold #FFD700 injects a playful elegance. This palette is perfect for designers aiming to create lively, inviting spaces with a touch of luxury. Developers can implement these distinct hex codes to build engaging user interfaces that balance classic charm with modern appeal, ensuring visual interest and brand consistency across platforms.

Best used for

  • Restaurant and cafe branding
  • Luxury lifestyle blogs
  • Event invitations with a rich feel
  • Fashion accessories websites
  • High-end product packaging
  • Themed digital advertising

Suggested color roles

primary

Use #A52A2A for key brand elements and calls to action to evoke warmth and passion.

secondary

Apply #4A4A4A for sophisticated backgrounds, typography, or accent details.

accent

Utilize #FFD700 sparingly for impactful highlights, icons, or subtle luxurious touches.

background

Employ #F5F5DC as a clean, soft background, providing excellent contrast for darker text.

text

Choose #4A4A4A for main body text and #A52A2A for headlines on light backgrounds for strong readability.

Accessibility notes

  • Ensure #4A4A4A text on #F5F5DC background meets WCAG AA contrast standards for all content.
  • The bright #FFD700 accent should not be used for critical text unless contrast with its background is verified.
  • Text in #A52A2A on #F5F5DC offers good readability, suitable for headlines and important information.
  • Avoid light text on #D2B48C; prefer darker options like #4A4A4A for better visibility.

Recommended combinations

Bistro Contrast

High-contrast combination for main content areas, with red for calls to action and grey for text.

#F5F5DC · #A52A2A · #4A4A4A

Elegant Touch

For sophisticated accents and subtle highlights, with gold drawing attention to key elements.

#D2B48C · #FFD700 · #4A4A4A

Warm Appeal

Creates an inviting, cozy feel, suitable for background layers or image overlays.

#A52A2A · #F5F5DC · #D2B48C

CSS variables

:root {
  --parisian-cafe-charm-1: #4A4A4A;
  --parisian-cafe-charm-2: #A52A2A;
  --parisian-cafe-charm-3: #F5F5DC;
  --parisian-cafe-charm-4: #D2B48C;
  --parisian-cafe-charm-5: #FFD700;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "parisian-cafe-charm": {
        1: "#4A4A4A",
        2: "#A52A2A",
        3: "#F5F5DC",
        4: "#D2B48C",
        5: "#FFD700",
      }
    }
  }
}

Related searches

paris cafe color schemeelegant red and gold palettesophisticated urban colorscharming restaurant designwarm neutral with accent

Palette colors

Hex values

Color 1#4A4A4A
·
Color 2#A52A2A
·
Color 3#F5F5DC
·
Color 4#D2B48C
·
Color 5#FFD700
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
8:1AAA
4.5:1AA18
6.3:1AA
2
1.3:1Fail
6.4:1AA
3.6:1AA18
5.1:1AA
3
8:1AAA
6.4:1AA
1.8:1Fail
1.3:1Fail
4
4.5:1AA18
3.6:1AA18
1.8:1Fail
1.4:1Fail
5
6.3:1AA
5.1:1AA
1.3:1Fail
1.4:1Fail

Similar palettes

More like Parisian Cafe Charm

View all elegant
Art Deco Geometry
Art Nouveau Dream
Art Nouveau Elegance
Art Nouveau Gilt
Baroque Velvet Splendor
Gatsby Era Elegance