Back to palettes

Palette

Cozy Cottage Hearth

Inviting browns, deep oranges, and creamy whites evoke the snug warmth of a crackling fire in a cozy cottage.

warmcalm5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cozy Cottage Hearth 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 Cottage Hearth.

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

Data visualization

#8B4513#A0522D#CD853F#D2B48C#FDF5E6

Palette guide

How to use Cozy Cottage Hearth

Overview

The 'Cozy Cottage Hearth' palette features inviting browns, deep oranges, and creamy whites, evoking the snug warmth of a crackling fire in a cozy cottage. This comforting collection includes a deep saddle brown (#8B4513), a robust sienna (#A0522D), a warm peru (#CD853F), a comforting tan (#D2B48C), and a creamy floral white (#FDF5E6). Ideal for designers and developers seeking to convey warmth, comfort, and rustic charm. These harmonious hues are perfect for projects that celebrate natural materials, traditional craftsmanship, and a welcoming, grounded aesthetic, ensuring an inviting user experience across various platforms.

Best used for

  • Cottagecore-themed branding
  • Rustic home decor websites
  • Autumn seasonal marketing campaigns
  • Craft beer or artisanal food packaging
  • Cozy blog themes for homemakers
  • Traditional interior design concepts

Suggested color roles

primary

#8B4513 (Saddle Brown) - A strong, anchoring primary color, ideal for main structures, headers, or durable brand elements.

secondary

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

accent

#CD853F (Peru) - A warm, vibrant accent perfect for important details, call-to-actions, or to add textural depth.

background

#FDF5E6 (Floral White) - A soft, creamy background that brightens the palette while maintaining warmth, perfect for content areas.

text

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

Accessibility notes

  • Ensure sufficient contrast when pairing lighter colors like #D2B48C with #FDF5E6 for text.
  • For body text, use dark colors like #8B4513 or a deep charcoal against #FDF5E6 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

Cottage Warmth

Ideal for rustic website headers, cozy branding, or inviting digital layouts.

#8B4513 · #A0522D · #FDF5E6

Hearthside Glow

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

#CD853F · #D2B48C · #A0522D

Earthy Comfort

Perfect for bold branding, rustic illustrations, or accentuating key information in a natural setting.

#8B4513 · #CD853F · #D2B48C

CSS variables

:root {
  --cozy-cottage-hearth-1: #8B4513;
  --cozy-cottage-hearth-2: #A0522D;
  --cozy-cottage-hearth-3: #CD853F;
  --cozy-cottage-hearth-4: #D2B48C;
  --cozy-cottage-hearth-5: #FDF5E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cozy-cottage-hearth": {
        1: "#8B4513",
        2: "#A0522D",
        3: "#CD853F",
        4: "#D2B48C",
        5: "#FDF5E6",
      }
    }
  }
}

Related searches

cottage color palettecozy hearth colorsrustic warm designbrown orange white schemetraditional comfort hues

Palette colors

Hex values

Color 1#8B4513
·
Color 2#A0522D
·
Color 3#CD853F
·
Color 4#D2B48C
·
Color 5#FDF5E6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.4:1Fail
3.6:1AA18
6.6:1AA
2
1.3:1Fail
1.9:1Fail
2.8:1Fail
5.2:1AA
3
2.4:1Fail
1.9:1Fail
1.5:1Fail
2.8:1Fail
4
3.6:1AA18
2.8:1Fail
1.5:1Fail
1.8:1Fail
5
6.6:1AA
5.2:1AA
2.8:1Fail
1.8:1Fail

Similar palettes

More like Cozy Cottage Hearth

View all warm
Barista Roast Comfort
Coffee House Corner
Cozy Cabin Hearth
Ember Hearth Comfort
Fireside Comfort Glow
Flickering Hearth Fire