Palette

Fox Fur Whisper

Soft and earthy, inspired by the warm, variegated tones of a fox's luxurious and wild fur.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Fox Fur Whisper 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 Fox Fur Whisper.

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

Data visualization

#8B4513#A0522D#CD853F#D2B48C#DEB887

Palette guide

How to use Fox Fur Whisper

Overview

The Fox Fur Whisper palette is a soft, earthy collection inspired by the warm, variegated tones of a fox's luxurious fur. Featuring rich browns like #8B4513 and #A0522D, alongside lighter, sandy hues such as #CD853F, #D2B48C, and #DEB887, this palette evokes a natural, comforting, and sophisticated mood. Designers can utilize these warm, inviting colors to create organic, rustic, or cozy designs for lifestyle brands, nature-themed websites, or artisanal products. Its inherent warmth makes it perfect for evoking feelings of comfort, heritage, and authenticity, providing a versatile foundation for both digital and print applications.

Best used for

Eco-friendly and sustainable brand identities
Rustic home decor and interior design
Nature-themed websites and blogs
Artisan food and beverage packaging
Cozy fashion and apparel branding
Autumnal event invitations and marketing

Suggested color roles

primary

Use the deep #8B4513 or #A0522D for foundational elements, large backgrounds, or key branding to establish warmth and depth.

secondary

Apply #CD853F for supporting sections, navigation bars, or illustrative elements to add a warm, inviting mid-tone.

accent

Leverage the lighter #D2B48C or #DEB887 for subtle highlights, interactive elements, or text that needs to stand out against darker browns.

background

#D2B48C or #DEB887 provides a soft, natural canvas, while a deep #8B4513 creates a rich, enveloping backdrop.

text

For lighter backgrounds, use #8B4513 or #A0522D for excellent readability. For darker backgrounds, a near-white or light cream text color is recommended.

Accessibility notes

Ensure sufficient contrast when placing any of the lighter browns like #D2B48C on #DEB887, especially for small text.
#CD853F might not provide enough contrast for body text on a white or very light background; reserve it for headings.
Pairing #8B4513 or #A0522D with a light cream or white offers the best text readability.
Always test color combinations for WCAG AA compliance, particularly for interactive elements.

Recommended combinations

Earthy Depth

Creates a rich, layered natural feel for brand logos, website headers, or print materials.

#8B4513 · #CD853F · #D2B48C

Warm Comfort

Ideal for cozy blog backgrounds, product display areas, or elements requiring a soft, inviting touch.

#A0522D · #DEB887 · #8B4513

Fur Blend

A subtle, harmonious gradient for softer backgrounds, textures, or illustrative details evoking natural fur.

#CD853F · #D2B48C · #DEB887

CSS variables

:root {
  --fox-fur-whisper-1: #8B4513;
  --fox-fur-whisper-2: #A0522D;
  --fox-fur-whisper-3: #CD853F;
  --fox-fur-whisper-4: #D2B48C;
  --fox-fur-whisper-5: #DEB887;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "fox-fur-whisper": {
        1: "#8B4513",
        2: "#A0522D",
        3: "#CD853F",
        4: "#D2B48C",
        5: "#DEB887",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#A0522D

Color 3#CD853F

Color 4#D2B48C

Color 5#DEB887

Accessibility

Contrast checker

1.3:1Fail

2.4:1Fail

3.6:1AA18

3.8:1AA18

1.3:1Fail

1.9:1Fail

2.8:1Fail

3:1AA18

2.4:1Fail

1.9:1Fail

1.5:1Fail

1.6:1Fail

3.6:1AA18

2.8:1Fail

1.5:1Fail

1.1:1Fail

3.8:1AA18

3:1AA18

1.6:1Fail

1.1:1Fail

Similar palettes

More like Fox Fur Whisper