Back to palettes

Palette

Muslin Air

Soft, airy whites and creams, light and breathable like fine muslin fabric, evoking gentle simplicity.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Muslin Air 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 Muslin Air.

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

Data visualization

#EAE2D8#F5F0EB#FFFFFF#FDFDFD#D4CCC0

Palette guide

How to use Muslin Air

Overview

The Muslin Air palette embodies ultimate lightness and simplicity, inspired by the breathable texture of fine muslin fabric. It's a collection of soft, airy whites and creams: #EAE2D8, #F5F0EB, pure #FFFFFF, almost-white #FDFDFD, and the subtly grounding #D4CCC0. This palette is an essential tool for designers and developers aiming for minimalist, elegant, and serene aesthetics. It excels in creating clean, uncluttered interfaces, luxury branding, or any design that benefits from a gentle, expansive feel, offering a sophisticated backdrop where content can truly shine without distraction.

Best used for

  • Minimalist web and app design
  • High-end luxury brand identities
  • Spa and wellness industry marketing
  • Wedding stationery and elegant invitations
  • Clean product packaging for premium goods
  • Photography portfolios and art galleries

Suggested color roles

primary

Utilize #FFFFFF as a crisp, clean primary background or main content area, providing a sense of purity and spaciousness.

secondary

Employ #F5F0EB to introduce a soft, warm off-white, ideal for secondary panels, subtle card backgrounds, or layered elements.

accent

Apply #D4CCC0 as a subtle, grounding accent for fine lines, delicate typography, or to add a hint of texture without overwhelming.

background

An airy, expansive canvas like #EAE2D8 or #FFFFFF provides the ultimate clean backdrop, allowing content to breathe and take center stage.

text

For optimal readability, use a dark charcoal (e.g., #333333) or black (e.g., #000000) for all text, ensuring strong contrast against these very light colors.

Accessibility notes

  • Text contrast is paramount: all colors are extremely light, so always use a very dark text color (e.g., black or charcoal).
  • Avoid using any of the palette colors for text, as they will not meet minimum contrast requirements on any background.
  • Ensure interactive elements have clear visual states (hover, active) beyond just color, as subtle color changes might be missed.
  • Regularly check WCAG contrast ratios for all text and interactive elements to ensure compliance.

Recommended combinations

Pure Serenity

A classic minimalist blend, perfect for clean layouts, luxury branding, and elegant user interfaces.

#FFFFFF · #F5F0EB · #D4CCC0

Soft Layers

Creates subtle depth and texture with very slight variations, ideal for backgrounds or layered content areas.

#EAE2D8 · #FDFDFD · #F5F0EB

Grounded Air

Combines crisp white with a gentle, grounding accent, suitable for elegant typography and subtle branding details.

#FFFFFF · #D4CCC0 · #EAE2D8

CSS variables

:root {
  --muslin-air-1: #EAE2D8;
  --muslin-air-2: #F5F0EB;
  --muslin-air-3: #FFFFFF;
  --muslin-air-4: #FDFDFD;
  --muslin-air-5: #D4CCC0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "muslin-air": {
        1: "#EAE2D8",
        2: "#F5F0EB",
        3: "#FFFFFF",
        4: "#FDFDFD",
        5: "#D4CCC0",
      }
    }
  }
}

Related searches

minimalist white paletteairy neutral colorsclean cream designsubtle light toneselegant simple palette

Palette colors

Hex values

Color 1#EAE2D8
·
Color 2#F5F0EB
·
Color 3#FFFFFF
·
Color 4#FDFDFD
·
Color 5#D4CCC0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.3:1Fail
1.3:1Fail
1.2:1Fail
2
1.1:1Fail
1.1:1Fail
1.1:1Fail
1.4:1Fail
3
1.3:1Fail
1.1:1Fail
1:1Fail
1.6:1Fail
4
1.3:1Fail
1.1:1Fail
1:1Fail
1.6:1Fail
5
1.2:1Fail
1.4:1Fail
1.6:1Fail
1.6:1Fail

Similar palettes

More like Muslin Air

View all neutral
Cloud Linen Texture
Clean Canvas White
Clerestory Beam
Cool Linen Breeze
Soft Alpaca Wool
Soft Linen Fold