Back to palettes

Palette

Linen Fresh

A clean and crisp palette, inspired by the purity of fresh linen and understated, elegant simplicity.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F5F5F5#EEEEEE#E0E0E0#BDBDBD#9E9E9E

Palette guide

How to use Linen Fresh

Overview

The 'Linen Fresh' palette offers a clean and crisp collection of cool neutrals, inspired by the purity of fresh linen and understated simplicity. Featuring a bright off-white #F5F5F5, a luminous light grey #EEEEEE, a versatile medium-light grey #E0E0E0, a balanced mid-grey #BDBDBD, and a solid darker grey #9E9E9E, this palette is ideal for creating fresh, modern, and highly legible designs. Designers can leverage these shades to build spacious and uncluttered interfaces, while developers will find them perfect for creating clean web and mobile applications that prioritize clarity and a refined, airy aesthetic.

Best used for

  • Modern tech company websites
  • Minimalist interior design blogs
  • Clean e-commerce product pages
  • Healthcare or medical app interfaces
  • Photography portfolio websites
  • User dashboards requiring high clarity

Suggested color roles

primary

#F5F5F5 - A crisp, near-white, excellent as a primary background, offering a bright and clean canvas for all content.

secondary

#EEEEEE - A very light grey, perfect for subtle section dividers, hover states, or card backgrounds to add gentle visual texture.

accent

#9E9E9E - A solid, darker grey, highly effective for calls-to-action, important icons, or key graphical elements that need a clear, professional anchor.

background

#E0E0E0 - A versatile medium-light grey, suitable for secondary content areas or as a base for interactive elements, providing a subtle contrast.

text

#BDBDBD - A mid-tone grey, useful for secondary text, captions, or placeholder text. For primary body text, a darker grey or charcoal is recommended for optimal readability.

Accessibility notes

  • Ensure sufficient contrast when using #F5F5F5 or #EEEEEE for backgrounds; text should be significantly darker (e.g., #9E9E9E or black).
  • #BDBDBD on #E0E0E0 may have insufficient contrast for small text; larger text or bolder weights might be needed.
  • Always use #9E9E9E or darker for critical text elements to meet WCAG contrast guidelines.
  • Avoid using #EEEEEE as text on #F5F5F5 as the contrast is too low for readability.

Recommended combinations

Crisp Foundation

Creates a very clean, spacious base for backgrounds, headers, and subtle UI elements.

#F5F5F5 · #EEEEEE · #E0E0E0

Clear Hierarchy

Ideal for establishing content hierarchy, main text, and interactive components with good contrast.

#E0E0E0 · #BDBDBD · #9E9E9E

Modern Contrast

Provides strong readability for primary text and calls-to-action on a bright, fresh canvas.

#F5F5F5 · #9E9E9E · #BDBDBD

CSS variables

:root {
  --linen-fresh-1: #F5F5F5;
  --linen-fresh-2: #EEEEEE;
  --linen-fresh-3: #E0E0E0;
  --linen-fresh-4: #BDBDBD;
  --linen-fresh-5: #9E9E9E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "linen-fresh": {
        1: "#F5F5F5",
        2: "#EEEEEE",
        3: "#E0E0E0",
        4: "#BDBDBD",
        5: "#9E9E9E",
      }
    }
  }
}

Related searches

clean neutral color paletteminimalist grey uifresh web design colorscool grey color schemelinen white palette

Palette colors

Hex values

Color 1#F5F5F5
·
Color 2#EEEEEE
·
Color 3#E0E0E0
·
Color 4#BDBDBD
·
Color 5#9E9E9E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
1.7:1Fail
2.5:1Fail
2
1.1:1Fail
1.1:1Fail
1.6:1Fail
2.3:1Fail
3
1.2:1Fail
1.1:1Fail
1.4:1Fail
2:1Fail
4
1.7:1Fail
1.6:1Fail
1.4:1Fail
1.4:1Fail
5
2.5:1Fail
2.3:1Fail
2:1Fail
1.4:1Fail

Similar palettes

More like Linen Fresh

View all neutral
Minimal Silent Canvas
Porcelain Doll Face
Calm Interior Lines
Arctic Fox Fur
Arctic Fox Whisper
Art Studio Canvas