Back to palettes

Palette

Cozy Cabin Hearth

Warm, inviting browns and creams, like a comforting fire in a rustic cabin.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#7A3D16#A65D2C#D3844C#F1AC76#E7D7C1

Palette guide

How to use Cozy Cabin Hearth

Overview

The 'Cozy Cabin Hearth' palette offers warm, inviting browns and creams, like a comforting fire in a rustic cabin. This earthy collection features a deep burnt orange (#7A3D16), a rich coffee brown (#A65D2C), a warm tan (#D3844C), a soft peach (#F1AC76), and a creamy off-white (#E7D7C1). 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

  • Rustic lodge and cabin rentals
  • Autumn seasonal marketing campaigns
  • Craft beer or artisanal food branding
  • Home decor and furniture websites
  • Outdoor adventure gear branding
  • Cozy blog themes for travel

Suggested color roles

primary

#7A3D16 (Burnt Orange) - A deep, anchoring primary color, ideal for main structures, headers, or strong brand elements.

secondary

#A65D2C (Coffee Brown) - Provides a robust, inviting complement, excellent for secondary content, navigation, or accents.

accent

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

background

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

text

#D3844C (Tan) - Suitable for larger, decorative text. For body text, use #7A3D16 or black on lighter backgrounds for readability.

Accessibility notes

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

Recommended combinations

Hearthside Glow

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

#7A3D16 · #A65D2C · #E7D7C1

Cabin Comfort

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

#D3844C · #F1AC76 · #A65D2C

Rustic Fade

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

#7A3D16 · #D3844C · #F1AC76

CSS variables

:root {
  --cozy-cabin-hearth-1: #7A3D16;
  --cozy-cabin-hearth-2: #A65D2C;
  --cozy-cabin-hearth-3: #D3844C;
  --cozy-cabin-hearth-4: #F1AC76;
  --cozy-cabin-hearth-5: #E7D7C1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cozy-cabin-hearth": {
        1: "#7A3D16",
        2: "#A65D2C",
        3: "#D3844C",
        4: "#F1AC76",
        5: "#E7D7C1",
      }
    }
  }
}

Related searches

cabin brown palettecozy hearth colorsrustic wood aestheticwarm comfort designearthy cabin hues

Palette colors

Hex values

Color 1#7A3D16
·
Color 2#A65D2C
·
Color 3#D3844C
·
Color 4#F1AC76
·
Color 5#E7D7C1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.9:1Fail
4.3:1AA18
5.9:1AA
2
1.7:1Fail
1.7:1Fail
2.6:1Fail
3.5:1AA18
3
2.9:1Fail
1.7:1Fail
1.5:1Fail
2.1:1Fail
4
4.3:1AA18
2.6:1Fail
1.5:1Fail
1.4:1Fail
5
5.9:1AA
3.5:1AA18
2.1:1Fail
1.4:1Fail

Similar palettes

More like Cozy Cabin Hearth

View all warm
Artisan Loaf Hearth
Fireside Lodge Glow
Rustic Bakehouse Hearth
Rustic Tavern Fire
Warm Cozy Cottage
Amber Apothecary Jar