Palette

Parisian Cafe Au Lait

A comforting and warm blend inspired by the creamy hues of a traditional Parisian coffee shop.

neutralcalm5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A79D8E#D7C0AE#E4D8C4#8E7A6E#5C4F4A

Palette guide

How to use Parisian Cafe Au Lait

Overview

The Parisian Cafe Au Lait palette is a comforting and warm collection inspired by the rich, creamy hues of a classic coffee shop. Featuring soft, inviting beiges like #D7C0AE and #E4D8C4, a balanced mid-tone gray-brown #A79D8E, and deep, grounding browns #8E7A6E and #5C4F4A, this palette is perfect for designers and developers seeking to create cozy, elegant, and understated digital experiences. It excels in branding for cafes, lifestyle products, or any interface aiming to convey warmth, comfort, and timeless sophistication. The subtle variations allow for depth and visual interest while maintaining a cohesive, calming aesthetic ideal for relaxed user engagement.

Best used for

Coffee shop branding and websites
Bakery or patisserie e-commerce
Home decor and interior design portfolios
Lifestyle blogs with a cozy aesthetic
Relaxation or mindfulness app interfaces
Packaging for artisanal food and beverages

Suggested color roles

primary

Use #A79D8E as a primary background or section color, establishing a calm, inviting foundation.

secondary

Employ #D7C0AE for content blocks or secondary navigation, offering a softer, more open feel.

accent

Apply #E4D8C4 sparingly for subtle highlights, hover states, or delicate graphical elements, adding gentle brightness.

background

The lightest shade, #E4D8C4, is ideal for main backgrounds, providing a warm, clean canvas for readability.

text

Utilize #5C4F4A for primary text, ensuring excellent contrast against #E4D8C4, or #8E7A6E for headings on #D7C0AE.

Accessibility notes

Ensure #5C4F4A text on #E4D8C4 background meets WCAG AA contrast standards; it generally provides good readability.
Avoid using #D7C0AE or #A79D8E as text colors on #E4D8C4, as contrast will likely be insufficient.
For interactive elements, use #5C4F4A or #8E7A6E for text/icons on lighter buttons for clear visibility.
Check contrast between #8E7A6E and #5C4F4A if used for text/background, as they are similar in darkness.

Recommended combinations

Morning Brew

Perfect for clean, readable text on a soft, warm background, ideal for blog posts or product descriptions.

#E4D8C4 · #5C4F4A · #D7C0AE

Cozy Corner

Creates a comforting, balanced feel for navigation, sidebars, or subtle informational blocks.

#A79D8E · #8E7A6E · #E4D8C4

Rich Coffee

Provides a robust, grounded aesthetic for footers, darker UI components, or elegant card designs.

#5C4F4A · #D7C0AE · #A79D8E

CSS variables

:root {
  --parisian-cafe-au-lait-1: #A79D8E;
  --parisian-cafe-au-lait-2: #D7C0AE;
  --parisian-cafe-au-lait-3: #E4D8C4;
  --parisian-cafe-au-lait-4: #8E7A6E;
  --parisian-cafe-au-lait-5: #5C4F4A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "parisian-cafe-au-lait": {
        1: "#A79D8E",
        2: "#D7C0AE",
        3: "#E4D8C4",
        4: "#8E7A6E",
        5: "#5C4F4A",
      }
    }
  }
}

Hex values

Color 1#A79D8E

Color 2#D7C0AE

Color 3#E4D8C4

Color 4#8E7A6E

Color 5#5C4F4A

Accessibility

Contrast checker

1.5:1Fail

1.9:1Fail

1.5:1Fail

2.9:1Fail

1.5:1Fail

1.2:1Fail

2.3:1Fail

4.5:1AA

1.9:1Fail

1.2:1Fail

2.9:1Fail

5.6:1AA

1.5:1Fail

2.3:1Fail

2.9:1Fail

1.9:1Fail

2.9:1Fail

4.5:1AA

5.6:1AA

1.9:1Fail

Similar palettes

More like Parisian Cafe Au Lait

Parisian Cafe Au Lait

See it in context.

Ready when you are.

Built with Parisian Cafe Au Lait.

How to use Parisian Cafe Au Lait

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Morning Brew

Cozy Corner

Rich Coffee

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Parisian Cafe Au Lait