Back to palettes

Palette

Cozy Espresso Nook

A comforting palette inspired by the rich aroma of coffee and the warm, inviting atmosphere of a quiet cafe.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cozy Espresso Nook 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 Espresso Nook.

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

Data visualization

#6F4E37#A0522D#D2B48C#E5D5C6#C7BCA3

Palette guide

How to use Cozy Espresso Nook

Overview

The 'Cozy Espresso Nook' palette is a comforting collection inspired by the rich aroma of coffee and the warm, inviting atmosphere of a quiet cafe. This versatile neutral palette features a deep coffee brown (#6F4E37), a rich sienna (#A0522D), a comforting tan (#D2B48C), a creamy off-white (#E5D5C6), and a muted khaki (#C7BCA3). Ideal for designers and developers seeking to convey warmth, comfort, and a sophisticated, minimalist aesthetic. These harmonious hues are perfect for projects that celebrate coffee culture, relaxation, and a welcoming, grounded atmosphere, ensuring a calming and inviting user experience across various platforms.

Best used for

  • Coffee shop and cafe branding
  • Minimalist interior design blogs
  • Sustainable fashion and goods
  • Cozy blog themes for lifestyle
  • Artisanal food and beverage packaging
  • E-commerce sites for home decor

Suggested color roles

primary

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

secondary

#A0522D (Sienna) - Provides a robust, inviting complement, excellent for secondary content, navigation, or accents.

accent

#C7BCA3 (Muted Khaki) - A subtle, earthy accent perfect for decorative elements, subtle highlights, or a touch of organic texture.

background

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

text

#D2B48C (Tan) - Suitable for larger, decorative text. For body text, use #6F4E37 or black on lighter backgrounds for readability.

Accessibility notes

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

Recommended combinations

Espresso Blend

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

#6F4E37 · #A0522D · #E5D5C6

Nook Comfort

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

#D2B48C · #C7BCA3 · #A0522D

Muted Earth

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

#6F4E37 · #C7BCA3 · #D2B48C

CSS variables

:root {
  --cozy-espresso-nook-1: #6F4E37;
  --cozy-espresso-nook-2: #A0522D;
  --cozy-espresso-nook-3: #D2B48C;
  --cozy-espresso-nook-4: #E5D5C6;
  --cozy-espresso-nook-5: #C7BCA3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cozy-espresso-nook": {
        1: "#6F4E37",
        2: "#A0522D",
        3: "#D2B48C",
        4: "#E5D5C6",
        5: "#C7BCA3",
      }
    }
  }
}

Related searches

coffee neutral palettecozy brown colorsminimalist cafe designwarm earthy tonesespresso inspired scheme

Palette colors

Hex values

Color 1#6F4E37
·
Color 2#A0522D
·
Color 3#D2B48C
·
Color 4#E5D5C6
·
Color 5#C7BCA3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
3.8:1AA18
5.2:1AA
4:1AA18
2
1.3:1Fail
2.8:1Fail
3.9:1AA18
3:1Fail
3
3.8:1AA18
2.8:1Fail
1.4:1Fail
1:1Fail
4
5.2:1AA
3.9:1AA18
1.4:1Fail
1.3:1Fail
5
4:1AA18
3:1Fail
1:1Fail
1.3:1Fail

Similar palettes

More like Cozy Espresso Nook

View all neutral