Palette

Vicuna Wool

Luxurious soft browns and tans, capturing the exquisite warmth and natural elegance of vicuña wool.

earthelegant5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Vicuna Wool 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 Vicuna Wool.

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

Data visualization

#A67C52#D4AA7B#F2D3AE#FFEAC9#8A6440

Palette guide

How to use Vicuna Wool

Overview

The Vicuna Wool palette captures the exquisite warmth and natural elegance of its namesake, offering a collection of luxurious soft browns and tans. With hues ranging from the grounding #8A6440 (dark brown) and the inviting #A67C52 (medium brown) to the delicate #D4AA7B (light tan), the creamy #F2D3AE, and the airy #FFEAC9 (off-white), this palette exudes sophistication and comfort. Designers and developers can utilize these tones to create high-end, organic, and comforting visual experiences. It's an excellent choice for projects requiring a sense of understated luxury, natural beauty, and a warm, approachable feel, perfect for elegant branding and serene digital environments.

Best used for

High-end fashion and accessory brands
Natural cosmetics and skincare packaging
Artisanal product branding
Luxury interior design concepts
Sophisticated web backgrounds and UI
Earthy, organic brand identities

Suggested color roles

primary

Use #A67C52 as a warm, inviting primary color for main elements, conveying natural elegance.

secondary

Employ #8A6440 to provide deep grounding and contrast, suitable for strong headers or footers.

accent

Apply #FFEAC9 as a soft, luminous accent for subtle highlights, icons, or delicate details.

background

Utilize #F2D3AE as a light, airy background, creating a clean and sophisticated canvas.

text

For optimal readability, use #8A6440 or a deep charcoal for text on lighter backgrounds like #FFEAC9 or #F2D3AE.

Accessibility notes

Ensure #8A6440 (dark brown) text on #FFEAC9 (off-white) or #F2D3AE (cream) meets WCAG contrast standards.
Be cautious when using #D4AA7B (light tan) as text on #F2D3AE (cream) due to potential low contrast.
For body text, prefer the darker shades like #8A6440 or #A67C52 on the lightest backgrounds.
Avoid using lighter palette colors for small text elements against similar light backgrounds.

Recommended combinations

Soft Luxury

A gentle and warm combination, perfect for evoking a sense of softness and high-end comfort.

#A67C52 · #D4AA7B · #FFEAC9

Deep Earth

Ideal for grounded and inviting designs, combining deep browns with a touch of creamy lightness.

#8A6440 · #A67C52 · #F2D3AE

Airy Elegance

Use for light, sophisticated backgrounds and subtle accents, creating a serene and understated look.

#F2D3AE · #FFEAC9 · #D4AA7B

CSS variables

:root {
  --vicuna-wool-1: #A67C52;
  --vicuna-wool-2: #D4AA7B;
  --vicuna-wool-3: #F2D3AE;
  --vicuna-wool-4: #FFEAC9;
  --vicuna-wool-5: #8A6440;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vicuna-wool": {
        1: "#A67C52",
        2: "#D4AA7B",
        3: "#F2D3AE",
        4: "#FFEAC9",
        5: "#8A6440",
      }
    }
  }
}

Hex values

Color 1#A67C52

Color 2#D4AA7B

Color 3#F2D3AE

Color 4#FFEAC9

Color 5#8A6440

Accessibility

Contrast checker

1.7:1Fail

2.6:1Fail

3.2:1AA18

1.4:1Fail

1.7:1Fail

1.5:1Fail

1.8:1Fail

2.5:1Fail

2.6:1Fail

1.5:1Fail

1.2:1Fail

3.7:1AA18

3.2:1AA18

1.8:1Fail

1.2:1Fail

4.5:1AA18

1.4:1Fail

2.5:1Fail

3.7:1AA18

4.5:1AA18

Similar palettes

More like Vicuna Wool

Ancient Desert Fresco

Antique Brass Patina