Back to palettes

Palette

Parisian Cafe Morning

Warm, inviting tones like a steaming cup of coffee and a fresh croissant in a cozy Parisian cafe, a delightful start to the day.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B78C60#DDC2A2#EFEAD9#A0724C#6A482F

Palette guide

How to use Parisian Cafe Morning

Overview

The Parisian Cafe Morning palette offers a warm, inviting embrace, evoking the cozy atmosphere of a sunlit French cafe. It features rich, comforting browns like #6A482F and #A0724C, balanced by softer, creamy tones such as #B78C60, #DDC2A2, and the airy #EFEAD9. This collection is perfect for designers creating spaces that feel natural, welcoming, and subtly sophisticated. Developers can leverage these specific hex codes to build user interfaces for hospitality, lifestyle, or artisanal brands, ensuring a consistent visual language that conveys warmth and quality across web and mobile applications. It's an ideal choice for a calm, yet engaging digital presence.

Best used for

  • Coffee shop and bakery websites
  • Cozy home decor branding
  • Nature-inspired product packaging
  • Travel and tourism marketing
  • Editorial design for lifestyle magazines
  • Wellness and spa branding

Suggested color roles

primary

Use #B78C60 as a versatile mid-tone for main sections, buttons, or key visual elements.

secondary

Apply #DDC2A2 for lighter supporting areas, subheadings, or as a background for lighter content.

accent

Reserve #6A482F for strong calls to action, important icons, or to anchor design elements with depth.

background

Employ #EFEAD9 as a clean, warm off-white background for maximum readability and a fresh feel.

text

Utilize #6A482F for primary body text and headlines on light backgrounds for optimal readability.

Accessibility notes

  • Ensure #6A482F text on #EFEAD9 background meets WCAG AA contrast for all critical information.
  • Lighter tones like #DDC2A2 and #B78C60 may not provide enough contrast for text on #EFEAD9; use darker colors.
  • Avoid using #DDC2A2 text on #B78C60 for small fonts as their contrast might be insufficient.
  • For larger display text, #A0724C offers good contrast against #EFEAD9, enhancing visual hierarchy.

Recommended combinations

Morning Brew

High-contrast for text and background, with a warm mid-tone for interactive elements.

#EFEAD9 · #6A482F · #B78C60

Cozy Layers

Soft, complementary tones for layered backgrounds, subtle branding, or image overlays.

#DDC2A2 · #A0724C · #EFEAD9

Rich Earth

Excellent for headers, footers, and sections requiring depth and an inviting, natural feel.

#6A482F · #B78C60 · #DDC2A2

CSS variables

:root {
  --parisian-cafe-morning-2-1: #B78C60;
  --parisian-cafe-morning-2-2: #DDC2A2;
  --parisian-cafe-morning-2-3: #EFEAD9;
  --parisian-cafe-morning-2-4: #A0724C;
  --parisian-cafe-morning-2-5: #6A482F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "parisian-cafe-morning-2": {
        1: "#B78C60",
        2: "#DDC2A2",
        3: "#EFEAD9",
        4: "#A0724C",
        5: "#6A482F",
      }
    }
  }
}

Related searches

warm coffee color palettecozy brown and creamparis morning aestheticnatural cafe colorsinviting earthy tones

Palette colors

Hex values

Color 1#B78C60
·
Color 2#DDC2A2
·
Color 3#EFEAD9
·
Color 4#A0724C
·
Color 5#6A482F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.5:1Fail
1.4:1Fail
2.7:1Fail
2
1.8:1Fail
1.4:1Fail
2.5:1Fail
4.8:1AA
3
2.5:1Fail
1.4:1Fail
3.5:1AA18
6.8:1AA
4
1.4:1Fail
2.5:1Fail
3.5:1AA18
1.9:1Fail
5
2.7:1Fail
4.8:1AA
6.8:1AA
1.9:1Fail

Similar palettes

More like Parisian Cafe Morning

View all neutral