Back to palettes

Palette

Cozy Cabin Hearth

Earthy browns and warm oranges reminiscent of a crackling fire in a rustic cabin, inviting and comforting.

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

#6B3D28#8A533C#AB6D52#CC886A#E8A381

Palette guide

How to use Cozy Cabin Hearth

Overview

The 'Cozy Cabin Hearth' palette offers earthy browns and warm oranges reminiscent of a crackling fire in a rustic cabin, inviting and comforting. This collection features a deep brown (#6B3D28), a warm medium brown (#8A533C), a rich reddish-brown (#AB6D52), a brighter orange-brown (#CC886A), and a soft peach (#E8A381). Ideal for designers and developers seeking to convey warmth, comfort, and natural charm. These harmonious hues are perfect for projects that celebrate rustic aesthetics, traditional craftsmanship, and a welcoming, grounded atmosphere, 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

#6B3D28 (Deep Brown) - A strong, anchoring primary color, ideal for main structures, headers, or durable brand elements.

secondary

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

accent

#CC886A (Orange-Brown) - A brighter, warm accent for important details, call-to-actions, or to add a touch of fiery glow.

background

#E8A381 (Soft Peach) - A gentle, luminous background that brightens the palette while maintaining warmth, perfect for content areas.

text

#AB6D52 (Reddish-Brown) - Suitable for larger, decorative text. For body text, use #6B3D28 or black on lighter backgrounds for readability.

Accessibility notes

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

Recommended combinations

Firelight Glow

Ideal for warm website headers, autumn promotions, or inviting branding.

#6B3D28 · #AB6D52 · #E8A381

Rustic Blend

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

#8A533C · #CC886A · #E8A381

Ember Depth

Perfect for bold calls-to-action, energetic illustrations, or accentuating key information.

#6B3D28 · #CC886A · #AB6D52

CSS variables

:root {
  --cozy-cabin-hearth-3-1: #6B3D28;
  --cozy-cabin-hearth-3-2: #8A533C;
  --cozy-cabin-hearth-3-3: #AB6D52;
  --cozy-cabin-hearth-3-4: #CC886A;
  --cozy-cabin-hearth-3-5: #E8A381;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cozy-cabin-hearth-3": {
        1: "#6B3D28",
        2: "#8A533C",
        3: "#AB6D52",
        4: "#CC886A",
        5: "#E8A381",
      }
    }
  }
}

Related searches

cabin fire paletterustic orange brownscozy autumn designwarm wood tonescomforting hearth scheme

Palette colors

Hex values

Color 1#6B3D28
·
Color 2#8A533C
·
Color 3#AB6D52
·
Color 4#CC886A
·
Color 5#E8A381
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.2:1Fail
3.1:1AA18
4.3:1AA18
2
1.5:1Fail
1.5:1Fail
2.2:1Fail
3:1Fail
3
2.2:1Fail
1.5:1Fail
1.4:1Fail
2:1Fail
4
3.1:1AA18
2.2:1Fail
1.4:1Fail
1.4:1Fail
5
4.3:1AA18
3:1Fail
2:1Fail
1.4:1Fail

Similar palettes

More like Cozy Cabin Hearth

View all warm
Autumn Cider Barrel
Autumn Syrup
Rustic Homestead Hearth
Autumn Harvest Hearth
Autumn Harvest Hearth
Autumn Hearth Spice