Back to palettes

Palette

Cozy Cafe Roast

The comforting and rich aroma of a warm coffee shop, with deep, earthy roasted bean colors.

warmcalm5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cozy Cafe Roast 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 Cozy Cafe Roast.

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

Data visualization

#5B3B2B#8A5B4B#AD8470#CDB8A9#E4D8CE

Palette guide

How to use Cozy Cafe Roast

Overview

The 'Cozy Cafe Roast' palette embodies the comforting and rich aroma of a warm coffee shop, with deep, earthy roasted bean colors. This inviting collection features a dark coffee brown (#5B3B2B), a warm medium brown (#8A5B4B), a soft tan (#AD8470), a creamy beige (#CDB8A9), and a delicate off-white (#E4D8CE). Ideal for designers and developers seeking to convey warmth, comfort, and a sophisticated, inviting atmosphere. These harmonious hues are perfect for projects that celebrate coffee culture, relaxation, and a welcoming, grounded aesthetic, ensuring a calming and inviting user experience across various platforms.

Best used for

  • Coffee shop and cafe branding
  • Food and beverage packaging
  • Bakery and pastry shop websites
  • Cozy blog themes for lifestyle
  • Minimalist interior design concepts
  • Gourmet food e-commerce sites

Suggested color roles

primary

#5B3B2B (Dark Coffee Brown) - A deep, anchoring primary color, ideal for main structures, headers, or strong brand elements.

secondary

#8A5B4B (Medium Brown) - Provides a robust, inviting complement, excellent for secondary content, navigation, or accents.

accent

#AD8470 (Soft Tan) - A gentle accent perfect for decorative elements, subtle highlights, or a touch of warmth.

background

#E4D8CE (Delicate Off-White) - An airy, clean background that brightens the palette while maintaining warmth, perfect for content areas.

text

#CDB8A9 (Creamy Beige) - Suitable for larger, decorative text. For body text, use #5B3B2B or black on lighter backgrounds for readability.

Accessibility notes

  • Ensure sufficient contrast when pairing lighter colors like #CDB8A9 with #E4D8CE for text.
  • For body text, use dark colors like #5B3B2B or a deep charcoal against #E4D8CE backgrounds.
  • The darker browns offer excellent contrast for white or off-white text, improving legibility.
  • Avoid using #CDB8A9 for small body text unless on a significantly darker background to ensure legibility.

Recommended combinations

Coffee Blend

Ideal for sophisticated website headers, cafe branding, or inviting digital layouts.

#5B3B2B · #8A5B4B · #E4D8CE

Cafe Latte

Great for content cards, soft backgrounds, or where a gentle, warm feel is desired.

#AD8470 · #CDB8A9 · #8A5B4B

Roasted Tones

Perfect for bold branding, subtle gradients, or accentuating key information in a refined setting.

#5B3B2B · #AD8470 · #CDB8A9

CSS variables

:root {
  --cozy-cafe-roast-1: #5B3B2B;
  --cozy-cafe-roast-2: #8A5B4B;
  --cozy-cafe-roast-3: #AD8470;
  --cozy-cafe-roast-4: #CDB8A9;
  --cozy-cafe-roast-5: #E4D8CE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cozy-cafe-roast": {
        1: "#5B3B2B",
        2: "#8A5B4B",
        3: "#AD8470",
        4: "#CDB8A9",
        5: "#E4D8CE",
      }
    }
  }
}

Related searches

coffee brown palettecozy cafe colorsroasted bean aestheticwarm inviting designneutral coffee scheme

Palette colors

Hex values

Color 1#5B3B2B
·
Color 2#8A5B4B
·
Color 3#AD8470
·
Color 4#CDB8A9
·
Color 5#E4D8CE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3:1Fail
5.2:1AA
7.1:1AAA
2
1.7:1Fail
1.7:1Fail
3:1Fail
4.1:1AA18
3
3:1Fail
1.7:1Fail
1.7:1Fail
2.4:1Fail
4
5.2:1AA
3:1Fail
1.7:1Fail
1.4:1Fail
5
7.1:1AAA
4.1:1AA18
2.4:1Fail
1.4:1Fail

Similar palettes

More like Cozy Cafe Roast

View all warm
Barista Brew Comfort
Barista Roast Comfort
Cafe Latte Comfort
Caramel Latte Dream
Coffee House Corner
Gourmet Coffee House