Palette

Cloud Linen Texture

Subtle, airy shades of off-white and cream, reminiscent of freshly laundered linen drying under a clear sky.

neutralminimal5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F5F5DC#F0F8FF#DCDCDC#E6E6FA#FDF5E6

Palette guide

How to use Cloud Linen Texture

Overview

The Cloud Linen Texture palette offers subtle, airy shades of off-white and cream, reminiscent of freshly laundered linen drying under a clear sky. With hues like #F5F5DC, #F0F8FF, #DCDCDC, #E6E6FA, and #FDF5E6, this collection embodies pure minimalism and understated elegance. It's an excellent choice for designers and developers aiming for a clean, sophisticated, and tranquil aesthetic. Leverage these serene, barely-there hues to create modern websites, pristine branding, or refined interfaces that convey calm, comfort, and a sense of natural texture, fostering an inviting and spacious visual experience.

Best used for

Minimalist e-commerce websites
Luxury home goods branding
Spa and wellness product packaging
Wedding invitation design
Textile and fabric showcase
Clean blog layouts

Suggested color roles

primary

Use #DCDCDC as the deepest 'color' for subtle anchors like light dividers or very light typography on bright backgrounds. It offers the most contrast.

secondary

Employ #E6E6FA for supporting sections or subtle background variations. Its hint of lavender adds a touch of softness.

accent

Apply #F0F8FF for interactive elements or hover states, offering a cool, clean highlight.

background

Utilize #FDF5E6 or #F5F5DC for clean, expansive backgrounds. These warm off-whites create an inviting, textured canvas.

text

For body text on backgrounds like #FDF5E6 or #F5F5DC, a very dark charcoal (#333333) or black is essential for readability, as palette colors are too light for text.

Accessibility notes

This palette is extremely light. Almost all text-on-color combinations within the palette will fail WCAG contrast standards.
Always use a very dark charcoal or black text color for all body text and critical information to ensure readability.
The palette is best for backgrounds and subtle layering, not for text-heavy interfaces without external dark text colors.
Use a contrast checker diligently for any text elements, even if using an external dark color, to ensure sufficient contrast against the chosen background shade.

Recommended combinations

Soft Layers

Ideal for creating subtle, layered backgrounds in web or print, evoking softness and depth.

#F5F5DC · #E6E6FA · #FDF5E6

Clean Canvas

Excellent for defining subtle sections or borders. #DCDCDC for light lines, #FDF5E6 as the main background.

#DCDCDC · #FDF5E6 · #F0F8FF

Airy Interface

Perfect for a very light, spacious UI. #F0F8FF for interactive elements, with #E6E6FA and #F5F5DC for layered backgrounds.

#F0F8FF · #E6E6FA · #F5F5DC

CSS variables

:root {
  --cloud-linen-texture-1: #F5F5DC;
  --cloud-linen-texture-2: #F0F8FF;
  --cloud-linen-texture-3: #DCDCDC;
  --cloud-linen-texture-4: #E6E6FA;
  --cloud-linen-texture-5: #FDF5E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cloud-linen-texture": {
        1: "#F5F5DC",
        2: "#F0F8FF",
        3: "#DCDCDC",
        4: "#E6E6FA",
        5: "#FDF5E6",
      }
    }
  }
}

Hex values

Color 1#F5F5DC

Color 2#F0F8FF

Color 3#DCDCDC

Color 4#E6E6FA

Color 5#FDF5E6

Accessibility

Contrast checker

1:1Fail

1.2:1Fail

1.1:1Fail

1:1Fail

1.3:1Fail

1.1:1Fail

1:1Fail

1.2:1Fail

1.3:1Fail

1.1:1Fail

1.3:1Fail

1.1:1Fail

1:1Fail

1.3:1Fail

1.1:1Fail

Similar palettes

More like Cloud Linen Texture

Cloud Linen Texture

See it in context.

Ready when you are.

Built with Cloud Linen Texture.

How to use Cloud Linen Texture

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Soft Layers

Clean Canvas

Airy Interface

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Cloud Linen Texture