Back to palettes

Palette

Summer Linen Dream

Airy and light beige tones that reflect the relaxed comfort and timeless appeal of summer linen.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Summer Linen Dream 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 Summer Linen Dream.

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

Data visualization

#F5F5DC#E0E0C5#C7C7AE#ADADA0#949487

Palette guide

How to use Summer Linen Dream

Overview

The Summer Linen Dream palette offers a sophisticated range of neutral beige and greige tones, perfect for creating calm and elegant designs. From the airy light of #F5F5DC to the subtle depth of #949487, with intermediate shades like #E0E0C5, #C7C7AE, and #ADADA0, this palette embodies understated luxury and timeless comfort. It's an excellent choice for designers and developers seeking to build serene digital interfaces, minimalist branding, or refined lifestyle products. These gentle hues provide a versatile foundation, promoting a sense of tranquility and natural purity in any application.

Best used for

  • Minimalist website design
  • High-end fashion branding
  • Spa and wellness marketing materials
  • Interior design mood boards
  • Photography portfolio backgrounds
  • Luxury product packaging

Suggested color roles

primary

Utilize #949487 (deep greige) for primary text, navigation, or strong foundational elements, ensuring clarity and sophistication.

secondary

Apply #ADADA0 (mid-tone greige) for secondary text, subtle borders, or interactive elements, providing gentle contrast.

accent

Introduce #E0E0C5 (light beige) for highlights, hover states, or subtle graphic details, adding a touch of softness.

background

Employ #F5F5DC (lightest cream) as the main background color, creating an expansive, clean, and airy canvas.

text

Pair #949487 (deep greige) with lighter backgrounds like #F5F5DC for optimal readability and a harmonious look.

Accessibility notes

  • Ensure sufficient contrast between all text and background pairings, especially with the lighter shades like #F5F5DC and #E0E0C5.
  • The darkest color, #949487, provides good contrast for text on #F5F5DC, making it suitable for body copy.
  • Avoid using #F5F5DC or #E0E0C5 for small text or critical information unless paired with a significantly darker background.
  • Consider using a slightly darker neutral for very small text if relying solely on #ADADA0 or #C7C7AE for contrast.

Recommended combinations

Linen Base

Ideal for clean content areas, providing clear hierarchy and a light, airy feel.

#F5F5DC · #E0E0C5 · #949487

Soft Contrast

Excellent for subtle branding elements or dividing sections without harsh lines.

#C7C7AE · #ADADA0 · #F5F5DC

Deep Comfort

Perfect for sophisticated interfaces, offering depth while maintaining a natural, muted aesthetic.

#949487 · #E0E0C5 · #ADADA0

CSS variables

:root {
  --summer-linen-dream-1: #F5F5DC;
  --summer-linen-dream-2: #E0E0C5;
  --summer-linen-dream-3: #C7C7AE;
  --summer-linen-dream-4: #ADADA0;
  --summer-linen-dream-5: #949487;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "summer-linen-dream": {
        1: "#F5F5DC",
        2: "#E0E0C5",
        3: "#C7C7AE",
        4: "#ADADA0",
        5: "#949487",
      }
    }
  }
}

Related searches

neutral beige color paletteminimalist cream designsoft greige color schemeelegant linen tonesnatural subtle palette

Palette colors

Hex values

Color 1#F5F5DC
·
Color 2#E0E0C5
·
Color 3#C7C7AE
·
Color 4#ADADA0
·
Color 5#949487
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.6:1Fail
2:1Fail
2.8:1Fail
2
1.2:1Fail
1.3:1Fail
1.7:1Fail
2.3:1Fail
3
1.6:1Fail
1.3:1Fail
1.3:1Fail
1.8:1Fail
4
2:1Fail
1.7:1Fail
1.3:1Fail
1.4:1Fail
5
2.8:1Fail
2.3:1Fail
1.8:1Fail
1.4:1Fail

Similar palettes

More like Summer Linen Dream

View all neutral
Muted Linen Study
Seaside Linen Comfort
Coastal Clay Pebble
Coastal Shell Treasure
Coastal Shell Treasure
Earthy Linen Warmth