Back to palettes

Palette

Cashmere Cloud

A soft, luxurious blend of muted tones, evoking the comforting feel of cashmere and cloudy skies.

neutralelegant5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cashmere Cloud 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 Cashmere Cloud.

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

Data visualization

#F5F5DC#E6E6FA#D8BFD8#BC8F8F#A9A9A9

Palette guide

How to use Cashmere Cloud

Overview

The "Cashmere Cloud" palette offers a soft, luxurious blend of muted tones, evoking the comforting feel of cashmere and cloudy skies. It features a gentle beige #F5F5DC, a serene lavender #E6E6FA, a subtle plum #D8BFD8, a warm rose-brown #BC8F8F, and a soft medium gray #A9A9A9. This sophisticated and calming combination is perfect for designs that aim for elegance, comfort, and understated luxury. Designers can leverage these hex codes for high-end branding, serene web interfaces, or cozy interior design concepts. Developers will find this palette ideal for applications requiring a gentle, sophisticated, and inviting user experience.

Best used for

  • Luxury lifestyle brands
  • Spa and wellness websites
  • Elegant fashion design
  • Interior decor inspiration
  • Soft and inviting digital interfaces
  • Bridal and wedding themes

Suggested color roles

primary

#BC8F8F (Rose-Brown) - A warm, sophisticated tone, excellent for subtle calls-to-action, elegant headings, or key graphical elements, providing gentle warmth.

secondary

#D8BFD8 (Subtle Plum) - A muted, refined purple that complements the primary, ideal for secondary information, navigation backgrounds, or soft content panels.

accent

#A9A9A9 (Medium Gray) - A classic, neutral gray that adds a touch of modern elegance, perfect for borders, dividers, or subtle interactive elements.

background

#F5F5DC (Gentle Beige) - A soft, creamy beige, providing an excellent neutral canvas for content, enhancing readability and a luxurious, airy feel.

text

A dark charcoal like #333333 or #A9A9A9 (Medium Gray) is ideal for text on #F5F5DC, #E6E6FA, and #D8BFD8. For contrast on #BC8F8F, white can work, but a darker complementary color might be better for legibility.

Accessibility notes

  • #F5F5DC (Gentle Beige) and #E6E6FA (Serene Lavender) require dark text for sufficient contrast.
  • Be cautious with #D8BFD8 (Subtle Plum) and #BC8F8F (Rose-Brown) for text on light backgrounds; always check contrast.
  • #A9A9A9 (Medium Gray) works well for body text on lighter backgrounds.
  • Ensure larger font sizes or bolder weights for important text when using lighter color pairings.

Recommended combinations

Cloud Whisper

For creating serene backgrounds, soft content areas, or elegant branding that conveys lightness and calm.

#F5F5DC · #E6E6FA · #D8BFD8

Cashmere Touch

Ideal for subtle UI elements, sophisticated accents, or backgrounds where a warm, luxurious feel is desired.

#BC8F8F · #A9A9A9 · #F5F5DC

Gentle Contrast

Excellent for emphasizing key details, navigation elements, or graphic accents that need a refined, understated elegance.

#D8BFD8 · #BC8F8F · #E6E6FA

CSS variables

:root {
  --cashmere-cloud-1: #F5F5DC;
  --cashmere-cloud-2: #E6E6FA;
  --cashmere-cloud-3: #D8BFD8;
  --cashmere-cloud-4: #BC8F8F;
  --cashmere-cloud-5: #A9A9A9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cashmere-cloud": {
        1: "#F5F5DC",
        2: "#E6E6FA",
        3: "#D8BFD8",
        4: "#BC8F8F",
        5: "#A9A9A9",
      }
    }
  }
}

Related searches

soft elegant color paletteluxurious neutral tonescashmere inspired colorsserene web design schememuted sophisticated palette

Palette colors

Hex values

Color 1#F5F5DC
·
Color 2#E6E6FA
·
Color 3#D8BFD8
·
Color 4#BC8F8F
·
Color 5#A9A9A9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.5:1Fail
2.5:1Fail
2.1:1Fail
2
1.1:1Fail
1.4:1Fail
2.3:1Fail
1.9:1Fail
3
1.5:1Fail
1.4:1Fail
1.7:1Fail
1.4:1Fail
4
2.5:1Fail
2.3:1Fail
1.7:1Fail
1.2:1Fail
5
2.1:1Fail
1.9:1Fail
1.4:1Fail
1.2:1Fail

Similar palettes

More like Cashmere Cloud

View all neutral
Art Deco Opal
Parisian Cafe Charm
Silk Gown Drape
Silver Glimmer
Woven Canvas Hues
Ancient Marble Sculpture