Back to palettes

Palette

Parisian Cafe Charm

Muted and refined, these sophisticated browns and creams evoke the timeless elegance of a Parisian café.

neutralelegant5 colors
More neutral 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

#8A6F4E#BFAB8A#E0D1B7#5C4B3D#A38C6E

Palette guide

How to use Parisian Cafe Charm

Overview

The Parisian Cafe Charm palette evokes a sophisticated, vintage ambiance, perfect for projects seeking a refined, timeless feel. Dominated by rich, earthy browns and muted creams, this collection includes the deep, grounding tone of #5C4B3D, a warm mid-brown #8A6F4E, and the lighter, airy #E0D1B7. Complementing these are the elegant #BFAB8A and the versatile #A38C6E, which bridges the gap between light and dark. Designers will find this palette ideal for creating warm, inviting spaces in digital interfaces or print. Developers can leverage these specific hex codes for consistent branding across web and mobile applications, ensuring a cohesive and elegant user experience. It’s a versatile set for conveying warmth and subtle luxury.

Best used for

  • Coffee shop branding
  • Vintage-inspired website design
  • Interior design concepts
  • Luxury product packaging
  • Editorial layouts for lifestyle magazines
  • Rustic wedding invitations

Suggested color roles

primary

Use #8A6F4E as the foundational brand color for main elements like headers or key graphics.

secondary

Apply #BFAB8A for supporting sections, subheadings, or as a lighter background accent.

accent

Reserve #5C4B3D for high-impact calls to action, important icons, or strong visual anchors.

background

Employ #E0D1B7 for clean, readable main content areas and page backgrounds.

text

Utilize #5C4B3D for primary body text and headlines on light backgrounds for optimal readability.

Accessibility notes

  • Ensure sufficient contrast between #5C4B3D text on #E0D1B7 background for WCAG AA compliance.
  • Lighter colors like #E0D1B7 and #BFAB8A may require darker text (e.g., #5C4B3D) for readability, especially for small fonts.
  • Avoid using #BFAB8A text on #A38C6E as their contrast ratio might be insufficient for smaller text.
  • For larger display text, #8A6F4E provides good contrast against #E0D1B7, enhancing visibility.

Recommended combinations

Classic Elegance

Ideal for high-contrast text and background, with a warm mid-tone for buttons or navigation.

#E0D1B7 · #5C4B3D · #8A6F4E

Subtle Depth

Soft, complementary tones for layered backgrounds, subtle branding elements, or secondary information.

#BFAB8A · #A38C6E · #E0D1B7

Rich Contrast

Excellent for headers, footers, and rich visual sections requiring depth and sophistication.

#5C4B3D · #8A6F4E · #BFAB8A

CSS variables

:root {
  --parisian-cafe-charm-2-1: #8A6F4E;
  --parisian-cafe-charm-2-2: #BFAB8A;
  --parisian-cafe-charm-2-3: #E0D1B7;
  --parisian-cafe-charm-2-4: #5C4B3D;
  --parisian-cafe-charm-2-5: #A38C6E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "parisian-cafe-charm-2": {
        1: "#8A6F4E",
        2: "#BFAB8A",
        3: "#E0D1B7",
        4: "#5C4B3D",
        5: "#A38C6E",
      }
    }
  }
}

Related searches

elegant brown color schemevintage cafe palettesophisticated neutral colorsearthy web design palettetimeless brand colors

Palette colors

Hex values

Color 1#8A6F4E
·
Color 2#BFAB8A
·
Color 3#E0D1B7
·
Color 4#5C4B3D
·
Color 5#A38C6E
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
3.1:1AA18
1.8:1Fail
1.5:1Fail
2
2.1:1Fail
1.5:1Fail
3.7:1AA18
1.4:1Fail
3
3.1:1AA18
1.5:1Fail
5.5:1AA
2.1:1Fail
4
1.8:1Fail
3.7:1AA18
5.5:1AA
2.6:1Fail
5
1.5:1Fail
1.4:1Fail
2.1:1Fail
2.6:1Fail

Similar palettes

More like Parisian Cafe Charm

View all neutral