Palette

Soft Alpaca Wool

Gentle, understated shades of grey and off-white, as soft and comforting as alpaca wool.

neutralminimal5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C0C0C0#E0E0E0#F5F5F5#D3D3D3#B0B0B0

Palette guide

How to use Soft Alpaca Wool

Overview

The "Soft Alpaca Wool" palette offers a sophisticated collection of gentle greys and off-whites, perfect for designs that prioritize minimalism, elegance, and comfort. Featuring shades like the muted #C0C0C0, airy #E0E0E0, near-white #F5F5F5, subtle #D3D3D3, and deeper #B0B0B0, this palette creates a serene and understated aesthetic. It's an excellent choice for designers and developers aiming to build clean, modern interfaces or branding that conveys a sense of quiet luxury and natural texture. These versatile neutrals provide a superb foundation for content to stand out, allowing for a focus on typography and subtle visual hierarchy.

Best used for

High-end fashion or textile branding
Minimalist website and app design
Interior design mood boards
Luxury product packaging
Photography portfolios
Editorial layouts for sophisticated content

Suggested color roles

primary

Utilize #F5F5F5 as a primary background, providing a clean, spacious canvas that feels soft and inviting.

secondary

Employ #E0E0E0 for secondary sections or cards, subtly differentiating areas while maintaining harmony.

accent

Use #C0C0C0 for subtle accents, such as borders, icons, or secondary text, adding depth without visual noise.

background

The lightest shade, #F5F5F5, serves as an excellent, airy background, evoking a sense of calm and clarity.

text

For optimal readability, pair with a dark charcoal or black text. #B0B0B0 can be used for very light, subtle hints of text.

Accessibility notes

Ensure sufficient contrast between text and background, especially when using lighter greys.
Avoid using #F5F5F5 for text unless on a significantly darker background like #B0B0B0.
Use a contrast checker (e.g., WCAG 2.1 AA/AAA) for all text and interactive element color pairings.
Consider a slightly darker grey for body text (e.g., #333333) to enhance readability on light backgrounds.

Recommended combinations

Layered Comfort

Perfect for creating subtle depth in UI elements like cards, panels, or layered backgrounds.

#F5F5F5 · #E0E0E0 · #D3D3D3

Refined Contrast

Ideal for clean layouts where #F5F5F5 is background and darker greys define structure or text.

#F5F5F5 · #C0C0C0 · #B0B0B0

Gentle Gradient

Creates a soft, sophisticated gradient effect for banners, headers, or decorative elements.

#E0E0E0 · #D3D3D3 · #C0C0C0

CSS variables

:root {
  --soft-alpaca-wool-1: #C0C0C0;
  --soft-alpaca-wool-2: #E0E0E0;
  --soft-alpaca-wool-3: #F5F5F5;
  --soft-alpaca-wool-4: #D3D3D3;
  --soft-alpaca-wool-5: #B0B0B0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "soft-alpaca-wool": {
        1: "#C0C0C0",
        2: "#E0E0E0",
        3: "#F5F5F5",
        4: "#D3D3D3",
        5: "#B0B0B0",
      }
    }
  }
}

Hex values

Color 1#C0C0C0

Color 2#E0E0E0

Color 3#F5F5F5

Color 4#D3D3D3

Color 5#B0B0B0

Accessibility

Contrast checker

1.4:1Fail

1.7:1Fail

1.2:1Fail

1.4:1Fail

1.2:1Fail

1.1:1Fail

1.6:1Fail

1.7:1Fail

1.2:1Fail

1.4:1Fail

2:1Fail

1.2:1Fail

1.1:1Fail

1.4:1Fail

1.2:1Fail

1.6:1Fail

2:1Fail

1.4:1Fail

Similar palettes

More like Soft Alpaca Wool

Soft Alpaca Wool

See it in context.

Ready when you are.

Built with Soft Alpaca Wool.

How to use Soft Alpaca Wool

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Layered Comfort

Refined Contrast

Gentle Gradient

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Soft Alpaca Wool