Back to palettes

Palette

Boulevard Bistro Tones

A sophisticated collection of soft neutrals, inspired by the serene charm of a Parisian morning cafe, classic and inviting.

neutralelegant5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Boulevard Bistro Tones 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 Boulevard Bistro Tones.

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

Data visualization

#D2B48C#A9A9A9#4A3C32#F5F5DC#8B8C81

Palette guide

How to use Boulevard Bistro Tones

Overview

The Boulevard Bistro Tones palette offers a sophisticated collection of soft neutrals, inspired by the serene charm of a Parisian morning cafe. Featuring the warm #D2B48C and the classic #A9A9A9, alongside the deep #4A3C32, this scheme is anchored by the creamy #F5F5DC and the subtle #8B8C81. This palette is perfect for designs seeking a chic, urban, and elegant aesthetic. Designers can leverage it for projects requiring a refined, inviting, and timeless feel, such as upscale hospitality branding, luxury retail, or sophisticated editorial designs. Its harmonious blend ensures visual warmth and a professional user experience, evoking classic European charm.

Best used for

  • Upscale cafe and restaurant branding
  • Luxury retail and fashion websites
  • Interior design for elegant spaces
  • Hotel and hospitality marketing materials
  • Editorial design for lifestyle magazines
  • Fine art and photography portfolios

Suggested color roles

primary

Utilize #4A3C32 as a strong, grounding primary color for headings, brand logos, or main content sections, conveying sophistication.

secondary

Apply #D2B48C for subheadings, secondary content, or supporting graphic elements, offering a warm, inviting neutral.

accent

Employ #A9A9A9 or #8B8C81 for subtle accents or interactive elements where a gentle, metallic or stone-like contrast is desired.

background

The lightest shade, #F5F5DC, is excellent for clean, serene backgrounds, allowing the darker tones to breathe and stand out.

text

The deep #4A3C32 is ideal for body text and critical information, ensuring excellent readability on light backgrounds like #F5F5DC.

Accessibility notes

  • Ensure strong contrast for text, using #4A3C32 on #F5F5DC or #D2B48C backgrounds, to meet WCAG AA standards.
  • Avoid using #A9A9A9 or #8B8C81 for text on #F5F5DC without careful contrast testing due to their similar values; reserve them for larger elements.
  • For interactive elements, ensure distinct hover/focus states, as color differences within this muted palette might be minimal.
  • Use sufficient line height and letter spacing to enhance readability, especially with light gray text on similar backgrounds.

Recommended combinations

Coffee & Cream

Creates a rich, inviting look, perfect for elegant headers or professional content blocks with a warm, light backdrop.

#4A3C32 · #D2B48C · #F5F5DC

Urban Chic

Offers a sophisticated, minimalist blend of grays and cream, ideal for subtle gradients, background textures, or layered graphic elements.

#A9A9A9 · #8B8C81 · #F5F5DC

Bistro Contrast

Emphasizes readability and visual hierarchy, with dark text on a light background and a complementary gray for accents.

#4A3C32 · #F5F5DC · #A9A9A9

CSS variables

:root {
  --boulevard-bistro-tones-1: #D2B48C;
  --boulevard-bistro-tones-2: #A9A9A9;
  --boulevard-bistro-tones-3: #4A3C32;
  --boulevard-bistro-tones-4: #F5F5DC;
  --boulevard-bistro-tones-5: #8B8C81;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "boulevard-bistro-tones": {
        1: "#D2B48C",
        2: "#A9A9A9",
        3: "#4A3C32",
        4: "#F5F5DC",
        5: "#8B8C81",
      }
    }
  }
}

Related searches

paris bistro color paletteelegant neutral tonesurban chic hex codessophisticated coffee shadestimeless design neutrals

Palette colors

Hex values

Color 1#D2B48C
·
Color 2#A9A9A9
·
Color 3#4A3C32
·
Color 4#F5F5DC
·
Color 5#8B8C81
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
5.4:1AA
1.8:1Fail
1.7:1Fail
2
1.2:1Fail
4.5:1AA
2.1:1Fail
1.4:1Fail
3
5.4:1AA
4.5:1AA
9.6:1AAA
3.1:1AA18
4
1.8:1Fail
2.1:1Fail
9.6:1AAA
3.1:1AA18
5
1.7:1Fail
1.4:1Fail
3.1:1AA18
3.1:1AA18

Similar palettes

More like Boulevard Bistro Tones

View all neutral
Boulevard Grey
Ancient Marble Sculpture
Ancient Papyrus Scrolls
Antique Parchment Quill
Art Deco Opal
Cashmere Cloud