Palette

Cozy Cabin Lumber

Grounded and comforting, evoking the warm, natural textures of wood in a snug cabin retreat.

WarmNatural5 colors

More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#A0522D#CD853F#D2B48C#FAEBD7

Palette guide

How to use Cozy Cabin Lumber

Overview

The 'Cozy Cabin Lumber' palette is grounded and comforting, evoking the warm, natural textures of wood in a snug cabin retreat. This rich collection features a deep saddle brown (#8B4513), a robust sienna (#A0522D), a warm peru (#CD853F), a comforting tan (#D2B48C), and a creamy antique white (#FAEBD7). 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
Woodworking and furniture brands
Outdoor adventure gear branding
Home decor websites with natural themes
Craft beer or artisanal food packaging
Cozy blog themes for travel

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

#FAEBD7 (Antique 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 #FAEBD7 for text.
For body text, use dark colors like #8B4513 or a deep charcoal against #FAEBD7 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

Timber Warmth

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

#8B4513 · #A0522D · #FAEBD7

Lumber Comfort

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

#CD853F · #D2B48C · #A0522D

Woodland Accents

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

#8B4513 · #CD853F · #D2B48C

CSS variables

:root {
  --cozy-cabin-lumber-1: #8B4513;
  --cozy-cabin-lumber-2: #A0522D;
  --cozy-cabin-lumber-3: #CD853F;
  --cozy-cabin-lumber-4: #D2B48C;
  --cozy-cabin-lumber-5: #FAEBD7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cozy-cabin-lumber": {
        1: "#8B4513",
        2: "#A0522D",
        3: "#CD853F",
        4: "#D2B48C",
        5: "#FAEBD7",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#A0522D

Color 3#CD853F

Color 4#D2B48C

Color 5#FAEBD7

Accessibility

Contrast checker

1.3:1Fail

2.4:1Fail

3.6:1AA18

6.1:1AA

1.3:1Fail

1.9:1Fail

2.8:1Fail

4.8:1AA

2.4:1Fail

1.9:1Fail

1.5:1Fail

2.6:1Fail

3.6:1AA18

2.8:1Fail

1.5:1Fail

1.7:1Fail

6.1:1AA

4.8:1AA

2.6:1Fail

1.7:1Fail

Similar palettes

More like Cozy Cabin Lumber

View all Warm

Autumn Hearth Glow

Rustic Bakery Warmth

Gingerbread Spice House

Gingerbread Spice Mill

Harvest Season Charm

Harvest Sundown Hearth