Palette

Cool Linen Breeze

Crisp whites and soft, cool blues bring to mind the refreshing feel of lightweight linen on a breezy day.

neutralminimal5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cool Linen Breeze 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 Cool Linen Breeze.

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

Data visualization

#D4E7ED#EBF2F6#F3F7FA#FFFFFF#A7CED9

Palette guide

How to use Cool Linen Breeze

Overview

The Cool Linen Breeze palette encapsulates the refreshing and clean feeling of a gentle wind through crisp linen, offering a highly minimalist and airy aesthetic. Dominated by pure #FFFFFF and softened by subtle cool blues like #F3F7FA, #EBF2F6, #D4E7ED, and #A7CED9, this collection provides an impeccable foundation for designs seeking purity, spaciousness, and understated elegance. Designers and developers can utilize these hex codes to create exceptionally clean user interfaces, sophisticated branding, or tranquil digital environments. It's an excellent choice for projects requiring a sense of freshness, modernity, and a calm, uncluttered user experience.

Best used for

Minimalist fashion brand websites
High-end interior design portfolios
Clean tech startup landing pages
Spa or wellness app interfaces
Luxury real estate digital presentations
Wedding stationery and event branding

Suggested color roles

primary

Use #FFFFFF as the dominant, expansive primary background for maximum clarity and space.

secondary

Apply #F3F7FA for subtle secondary backgrounds, card elements, or soft dividers.

accent

Introduce #A7CED9 as a gentle, refreshing accent for interactive elements or subtle branding.

background

The slightly off-white #EBF2F6 provides a soft, breathable canvas for content.

text

A dark charcoal (#36454F) or deep navy (#1F1F47) provides optimal contrast on these very light colors.

Accessibility notes

Crucially, ensure sufficient contrast for all text, as the palette is predominantly very light.
Text in a dark color on #FFFFFF, #F3F7FA, #EBF2F6, and #D4E7ED will be highly readable.
The #A7CED9 is the darkest color; ensure any text on it (if used as background) is dark enough or white.
Use subtle shadows or borders on interactive elements to ensure they are discernible against light backgrounds.

Recommended combinations

Crisp White

Excellent for clean, spacious layouts, main content areas, or minimalist branding.

#FFFFFF · #F3F7FA · #D4E7ED

Soft Breeze

Use for subtle background textures, layered UI elements, or gentle visual separation.

#EBF2F6 · #D4E7ED · #F3F7FA

Fresh Accent

Ideal for interactive elements, calls-to-action, or a refreshing touch of color.

#A7CED9 · #FFFFFF · #F3F7FA

CSS variables

:root {
  --cool-linen-breeze-1: #D4E7ED;
  --cool-linen-breeze-2: #EBF2F6;
  --cool-linen-breeze-3: #F3F7FA;
  --cool-linen-breeze-4: #FFFFFF;
  --cool-linen-breeze-5: #A7CED9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cool-linen-breeze": {
        1: "#D4E7ED",
        2: "#EBF2F6",
        3: "#F3F7FA",
        4: "#FFFFFF",
        5: "#A7CED9",
      }
    }
  }
}

Hex values

Color 1#D4E7ED

Color 2#EBF2F6

Color 3#F3F7FA

Color 4#FFFFFF

Color 5#A7CED9

Accessibility

Contrast checker

1.1:1Fail

1.2:1Fail

1.3:1Fail

1.1:1Fail

1.5:1Fail

1.2:1Fail

1.1:1Fail

1.6:1Fail

1.3:1Fail

1.1:1Fail

1.7:1Fail

1.3:1Fail

1.5:1Fail

1.6:1Fail

1.7:1Fail

Similar palettes

More like Cool Linen Breeze

Cool Linen Breeze

See it in context.

Ready when you are.

Built with Cool Linen Breeze.

How to use Cool Linen Breeze

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Crisp White

Soft Breeze

Fresh Accent

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Cool Linen Breeze